The Zapatec Javascript Forms Demos
Basic Forms
Demonstrates the basic capabilities of the Zapatec AJAX forms: data types, validation and error handling.
Alternate Forms
Similar to the previous example but with alternate choices for error handling and user feedback.
Field Data Types
Illustrates how pre-defined and custom field data types can control the contents of the user input.
AJAX - Fill
Fill form fields based on the contents of another form field. Using AJAX the contents of a form field are sent to the server and the server will respond with the contents for the dependant field.
AJAX Server Response
Uses the Zapatec Transport to create a full AJAX experience providing both client side and server side automatic validation.
Multiple Fields
Allow the user to add multiple fields dynamically. Useful when you have an indeterminate number of fields. For example, Address 1, Address 2, ..., Address N.
Form Element Behaviors
Demonstrates the behavior of various HTML form elements. You can make textarea and upload fields required, designate an upload area to accept only zip files (.zip extension), require that the user make a selection from a dropdown menu. Basically, you can define any behavior using the Zapatec Form.
Conditional Fields
You can conditionally display or hide designated fields based on the return value of a callback.
Auto Complete with Suggestions
As the user enters text in a field, the form displays a suggestion for completing the string.
Change Handlers
Handler functions are called whenever field values change. Useful to dynamically control the form when any field value changes. |