Form Validation

Plugins

A collection of useful plugins that do additional jobs

FormValidation comes with various built-in plugins listed in alphabetical order, split into two groups as follows:

Core plugins

These plugins are often used and included in the bundle/popular(.min).js file. You don't need to include any external plugin files to use them.

Alias

Allow to use multiple instances of the same validator

Aria

Add ARIA attributes based on the field validity

Declarative

Provide the ability of declaring validator options via HTML attributes

DefaultSubmit

Submit the form if all fields are valid after validating

Excluded

Ignore validations on particular field

FieldStatus

Track the field status, and allow to perform an action when a field status is changed

Icon

Display various icons based on the field validity

Message

Display error message

Sequence

Stop performing remaining validators if there is a validator that the field does not pass

SubmitButton

Automatically validate the form when pressing its Submit button

Tooltip

Show error message in a tooltip

Trigger

Indicate the events which the validation will be executed

External plugins

You don't need all external plugins most of the time. So, you have to include them right after the bundle/popular(.min).js file on your page.

<script src="/vendors/@form-validation/umd/bundle/popular.min.js"></script>

<!-- 
You need to insert external plugins (Bootstrap in this case) after `bundle/popular.min.js`
-->
<script src="/vendors/@form-validation/umd/plugin-bootstrap/index.min.js"></script>

AutoFocus

Focus on the first invalid element when submit form

Bootstrap

Integrate with Bootstrap v4 framework

Bootstrap 3

Integrate with Bootstrap framework

Bootstrap 5

Integrate with Bootstrap v5 framework

Bulma

Integrate with Bulma framework

Foundation

Integrate with Foundation framework

InternationalTelephoneInput

Integrate with the International Telephone Input

J

Use FormValidation as a jQuery plugin

L10n

Support multiple locales for error messages

Mailgun

Validate an email address by using Mailgun API

MandatoryIcon

Show required icons for mandatory fields

Materialize

Integrate with Materialize framework

Milligram

Integrate with milligram framework

Mini

Integrate with Mini framework

Mui

Integrate with MUI framework

PasswordStrength

Check the strength of a password

Pure

Integrate with Pure library

Recaptcha

Show and validate a Google reCAPTCHA v2

Recaptcha3

Show and validates a Google reCAPTCHA v3

Recaptcha3Token

Send the Google reCAPTCHA v3 token to the back-end when the form is valid

Semantic

Integrate with Semantic UI framework

Shoelace

Integrate with Shoelace library

Spectre

Integrate with Spectre framework

StartEndDate

Validate start and end dates

Tachyons

Integrate with Tachyons library

Transformer

Modify the field value before doing validation

Turnstile

Show and validate a Cloudflare's Turnstile captcha

Turret

Integrate with turretcss framework

UiKit

Integrate with UIKit framework

Wizard

Support validating multiple steps form

Validators Alias plugin