Mislim da ste se svi bar jednom susreli sa ogromnim formama koje trebaju biti popunjene. Zahvaljujući kolegi Janku Jovanoviću od sada možete jednostavno pretransformirati svoju formu u wizard sa više koraka. Osim što će posjetiocima razbiti monotoniju popunjavanja, imati će osjećaj da ustvari postoji manje polja.

Korištenje je vrlo jednostavno, dijelove koje želite odvojiti u korake moraju biti u svom fieldsetu.

1
2
3
4
5
6
7
8
9
10
11
12
13
14

<form id="mojaForma" action="">
    <fieldset>
        <legend>Prvi korak</legend>
        <-- input fields -->
    </fieldset>
    <fieldset>
        <legend>Drugi korak</legend>
        <-- input fields -->
    </fieldset>
    <fieldset>
        <legend>Treći korak</legend>
        <-- input fields -->
    </fieldset>
</form>

I to je uglavnom to, forma može sadržavati neograničen broj elemenata, samo svi moraju biti posloženi u fieldsetove. I sad jednostavno pozovete funkciju:

1

$("#mojaForma").formToWizard({ submitButton: 'Spremi' })

Parametar submitButton je opcionalan i služi za sakrivanje submit gumba.