FORM VALIDATE - Basics using HTML5 data-* attributes

by bizamajig

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
<form id="validate-me-plz">
    <div>
        Required: <input type="text" name="firstName" data-rule-required="true" />
    </div>
    <div>
        Required w/custom message: <input type="text" name="sassy" data-rule-required="true" data-msg-required="Please enter SOMETHING." />
    </div>
    <div>
        Email: <input type="text" name="user_email" data-rule-email="true"/>
    </div>
    <div>
        Email w/custom message: <input type="text" name="anotherEmail" data-rule-email="true" data-msg-email="Please enter a valid email address you dummy." />
    </div>
    <div>
        <input type="submit" value="Validate!" />
    </div>
</form>

JavaScript

$('#validate-me-plz').validate();