Form Validation

Tutorial » Form Validation

This tutorial will show you how to validate a form. The easyui framework provides a validatebox plugin to validate a form. In this tutorial we will build a contact form and apply the validatebox plugin to validate the form. You can then adapt this form to your own requirements.

Build form

Let's build a simple contact form with name, email, subject and message field:

We add a class named easyui-validatebox to input markup so the input markup will be applied the validation according the validType attribute.

Prevent the form to submit when invalid

When users click the submit button of form, we should prevent the form to submit if the form is invalid.

If the form is invalid, a tooltip message will show.

Download the EasyUI example:

easyui-form-demo.zip