- startIndex
-
Type:
number
Default: 0
Index of the page where the form should start.
- pages
-
Type:
Element|HTMLElement|string
Default: '.wizerdform-page'
QuerySelector for wɪzə(r)d Form pages.
- controlsWrapper
-
Type:
boolean | HTMLElement | DocumentFragment
Default: true
Using true wɪzə(r)d Forms will add a custom wrapper predefined by the library
false will add the controls directly to the form, HTMLElement and DocumentFragment
help you define your own wrapper
- controls_position
-
Type:
string
Default: 'bottom'
Where to place the controls.
ACceptable values are 'top' and 'bottom'.
- hiddenPageClass
-
Type:
string
Default: 'wizerdform-hidden-page'
Classname for hidden wɪzə(r)d Form pages.
- activePageClass
-
Type:
string
Default: 'wizerdform-active-page'
Classname for active wɪzə(r)d Form page.
### Methods
#### Methods from `WizerdForm`
##### `init`
Set an instance of a wɪzə(r)d Form.
This Method will apply classes to all form elements, move the form to it's startIndex and set all Form controls
```javascript
$WizerdForm.init();
```
##### `destroy`
Destroy an instance. The form will go back to basic.
```javascript
$WizerdForm.destroy();
```
##### `getElements`
Return all Form Elements
```javascript
$WizerdForm.getElements();
```
##### `getValues`
Return all Form Element values as an object with `key => value` pairs, holding the `name` and the `value` of the elements.
```javascript
$WizerdForm.getValues();
```
##### `getPageByIndex`
Get a `WizerdFormPage` by it's index. Will return false if there is no page with the given index.
```javascript
const index = 2;
$WizerdForm.getPageByIndex(index);
```
##### `getCurrentPage`
Same as `getPageByIndex` but will always return the current Page.
```javascript
$WizerdForm.getCurrentPage(index);
```
##### `goToPage`
Jump directly to another page by it's index. The Method will return false if pageIndex is less than zero.
```javascript
const jumpTo = 3;
$WizerdForm.goToPage(jumpTo);
```
##### `navigate`
Navigate the form by a given value of pages to travel. Using a negative number in the first parameter will result in navigating to previous pages. The second parameter can be used to proceed navigating without validating the current Page.
```javascript
const goToNext = _ => {
$WizerdForm.navigate(1);
}
const goToPrev = _ => {
$WizerdForm.navigate(-1);
}
// Skip validation
const goToNextNoValidation = _ => {
$WizerdForm.navigate(1, true);
}
const goToPrevNoValidation = _ => {
$WizerdForm.navigate(-1, true);
}
```
##### `addPage`
Add a new `WizerdFromPage` by string.
This method can be used to create pages from AJAX Calls or other callbacks.
```javascript
const newPageStr = `
