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.
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>