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>