Form Validation

KwesForms provides 49 form validation rules that validate fields on the frontend and backend at the same time. This feature saves developers countless hours of validation work, improves UX, conversion rate, and helps fight spam.

How to Use

A list of all validation rules can be found on the next section of the docs, form validation rules.

To use a form validation rule, simply add a rules attribute on your field and follow the syntax for the validation rule. Here is a sample code using the numeric validation rule.

<input type="text" rules="numeric">

Multiple validation rules

All form validation rules can be combined with one another to satisfy a validation requirement. To combine rules use the pipe character | between rules. Validation rules are processed in the order it's written from left to right.

<input type="text" rules="required|numeric">

Behavior

Heres an example of a field with some validation rules. Notice how it validates on the frontend 3 different ways:

  • As you type
  • When you click out of the field
  • When you press submit

Notice anything wrong in our docs? Let us know.