This form is similar to the demo
Basic, but provides an alternate feedback mechanism. It shares the following features with the previous form.
-
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 field loses the focus.
CSS controls this feature as well as other behavior concerning which 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 input field
See showErrors: 'afterField'.