h5Validate is jQuery plugin that understands HTML5 forms and knows how to validate them, even in browsers that don’t yet support HTML5. In browsers that do support HTML5, h5Validate adds some much-needed features, such as the ability to customize the user interface when an input fails validation.

This HTML5 form validation is support for various validation rule such as required attribute and pattern attribute. Sometimes, you’ll want to re-use the same validation pattern for several elements on a page.

You could copy and paste the same pattern over and over again to a bunch of different form fields. h5validate offer better solution which is to attach the pattern with a class selector. Use $.h5Validate.addPatterns() to add your pattern, make sure the class Prefix variable is set correctly (it’s h5- by default), and add the class to the input fields.

There are a ton of options you can override by passing key: value pairs when you call .h5Validate(). For example, we can change the CSS class that indicates validation errors.

Requirements: jQuery framework
Demo: http://ericleads.com/h5validate
License: MIT License

Incoming search terms for the article:

• h5validate
• jquery mobile form validation
• h5validate example
• html5 form validation
• jquery mobile validation
• jquery mobile contact form
• html5 contact form
• jquery html5 form validation
• jquery h5Validate
• h5 validate