HTML Forms Integration

Jump to bottom Edit New page

desdev edited this page Sep 13, 2010 · 4 revisions

Requirements:

Set the configuration option button.finishType to “submit” (this will change the “type” attribute on the <button> tag and causes it to behave like a submit button.
Steps can either be <div title="some title" /> OR <fieldset><legend>some title</legend></fieldset> (Both will have the same effect)

HTML

<form id="jWizard" method="post" action="test.php">
   <div title="Welcome"></div>
   <fieldset>
      <legend>Test Step #1</legend>
   </fieldset>
   <fieldset>
      <legend>Test Step #2</legend>
   </fieldset>
   <fieldset>
      <legend>Test Step #3</legend>
   </fieldset>
   <div title="Test Final Step"></div>
</form>

Javascript

$("#jWizard").jWizard({
   buttons: {
      finishType: "submit"
   }
});