Validatr

/ Home

Cross Browser HTML5 Form Validation.

View

Validatr relies on using modern HTML5 input attributes to perform validation. Validatr will use native validation whereever possible, relying on a small piece of Modernizr to test for support. If an input type is not supported or a custom test is found Validatr will use it's own ruleset to supplement native validation. In either case, the validation message is displayed in a cross-browser manner allowing for customization.

Form Valid!

JavaScript

jQuery(function ($) {
    $('form').validatr(); 
});

HTML

<form action="./">
    <label for="email">Email</label> 
    <input type="email" id="email" name="email" required>
    <div>
        <input type="reset" class="btn" value="Reset">
        <input type="submit" value="Submit">
    </div>
</form>