Skip to content

form-validation/examples

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

FormValidation examples

A collection of useful FormValidation examples

FormValidation

APIs examples

Native forms

  • Use events to add custom CSS class to the element: source
  • Validate a native form without using any CSS framework: source

Plugin examples

Alias plugin

Use the Alias plugin to use multiple instances of the same validator.

Aria plugin

Use the Aria plugin to add ARIA attributes based on the field validity.

AutoFocus plugin

Use the AutoFocus plugin to focus on the first invalid element when submit form.

Bootstrap plugin

Use the Bootstrap plugin to validate the Bootstrap 4 form.

Bootstrap3 plugin

Use the Bootstrap plugin to validate the Bootstrap 3 form.

Bootstrap5 plugin

Use the Bootstrap5 plugin to validate the Bootstrap 5 form.

Bulma plugin

Use the Bulma plugin to validate the Bulma form.

Declarative plugin

Use the Declarative plugin to declare validator options via HTML attributes.

DefaultSubmit plugin

Use the DefaultSubmit plugin to submit the form if all fields are valid after clicking the Submit button.

  • Basic example: source
  • Prevent form from submitting when pressing the Enter key: source

Dependency plugin

Validate a field when one of its dependencies field changes

Excluded plugin

Use the Excluded plugin to ignore validations on particular field.

FieldStatus plugin

Use the FieldStatus plugin

  • Enabling submit button only when all fields are valid: source

Foundation plugin

Use the Foundation plugin to validate the Foundation form.

Icon plugin

Use the Icon plugin to display various icons based on the field validity.

InternationalTelephoneInput plugin

Integrate with the International Telephone Input

J plugin

Use the J plugin to use FormValidation as a jQuery plugin.

  • Basic example: source
  • Validate the form manually when clicking its Submit button: source
  • Trigger the event when the form is valid: source

L10n plugin

Use the L10n plugin to support multiple locales for error messages.

Mailgun plugin

Use the Mailgun plugin to validate an email address by using Mailgun API.

MandatoryIcon plugin

Use the MandatoryIcon plugin to show required icons for mandatory fields.

Materialize plugin

Use the Materialize plugin to validate the Materialize form.

Message plugin

Use the Message plugin to display the error messages.

  • Customize the error message placement: source
  • Display a dynamic error message: source
  • Display an error message for multiple checkboxes: source

Milligram plugin

Use the Milligram plugin to validate the Milligram form.

Mini plugin

Use the Mini plugin to validate the mini.css form.

Mui plugin

Use the Mui plugin to validate the MUI form.

PasswordStrength plugin

Use the PasswordStrength plugin to check the strength of a password.

Pure plugin

Use the Pure plugin to validate the PureCSS form.

Recaptcha plugin

Use the Recaptcha plugin to show and validate a Google reCAPTCHA v2.

Recaptcha3Token plugin

Use the Recaptcha3Token plugin to send the Google reCAPTCHA v3 token to the back-end when the form is valid.

Recaptcha3 plugin

Use the Recaptcha3 plugin to show and validate a Google reCAPTCHA v3.

Semantic plugin

Use the Semantic plugin to validate the Semantic UI form.

Sequence plugin

Use the Sequence plugin to stop performing remaining validators if there is a validator that the field does not pass.

Shoelace plugin

Use the Shoelace plugin to validate the Shoelace form.

Spectre plugin

Use the Spectre plugin to validate the Spectre form.

SubmitButton plugin

Use the SubmitButton plugin to validate the form when pressing its Submit button automatically.

StartEndDate plugin

Use the StartEndDate plugin to validate start and end dates.

Tachyons plugin

Use the Tachyons plugin to validate the Tachyons form.

Tooltip plugin

Use the Tooltip plugin to show error messages in tooltips.

Transformer plugin

Use the Transformer plugin to modify the field value before doing validation.

Trigger plugin

Use the Trigger plugin to indicate the events which the validation will be executed when these events are triggered.

Turret plugin

Use the Turret plugin to validate the turretcss form.

UiKit plugin

Use the Uikit plugin to validate the Uikit form.

Wizard plugin

Use the Wizard plugin to validate multiple steps form.

Integrate with JavaScript UI libraries

Integrate with JavaScript frameworks

Misc

About

This project is developed by Nguyen Huu Phuoc. I love building products and sharing knowledge.

Be my friend on