Press Submit
on empty form to show erros.
.
And then type or select on input for realtime validation.


About this example

This example based on YAML building forms and shows a method to include the jQuery plugin validation.

Look in source code for details or in my blog (only german).

If javascript disabled there are all fields disabled too, the submit button is hidden and a javascript error message is shown on top of page. ...try it.

Required:

YAML-based form styling

Options: switch to linear form display switch to columnar form display

First Fieldset (text-fields & select-boxes)
Second Fieldset (select, textarea & checkbox)
Third Fieldset (radio-buttons)