Flapjax Demo Code

    Create a form validator:

    1. The first sub-form is valid when its first field has a value of length 3, and the second of length 4.
    2. The second sub-form is valid when exactly three of its checkboxes are checked.
    3. The entire form is valid when a sub-form is selected and that sub-form itself is valid.
    It should be clear to the user what needs to be filled in:
    1. When the form is valid, its border should be green, or else it is red.
    2. When a sub-form is valid, its border should be green, or else it is red.

    • View code for the unobtrusive JavaScript version with Flapjax library
    • View code for the unobtrusive Flapjax version
    • View code for the templated Flapjax version
    • Run the demo