- This demo uses the alternate theme.
- The form is a standard HTML form.
- You can specify the data types and validation of fields by adding classes to them.
- The form indicates which fields are required.
- The form provides real-time feedback on the validation process as the user enters data.
- CSS controls the look and feel of the form.
It implements the following features, which are different from the Basic Forms example:
- A field is marked as incorrect only when the field loses the focus.
CSS controls this feature as well as other behavior concerning the display of icons.
See the zpIsEditing rule applied by the CSS.
- Icons are displayed after instead of before the field.
See statusImgPos: 'afterField'.
- Errors on submission are displayed in an alert instead of in the page.
See showErrorsOnSubmit: true and submitErrorFunc=null, which are the defaults.
- Error Messages are displayed after the input field.
See showErrors: 'afterField'.