Parsely.js Validation

by bradleytrager

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/parsley.js/1.1.10/parsley.min.js"></script>
<script src="https://raw.github.com/guillaumepotier/Parsley.js/master/i18n/_messages.en.js"></script>
<form>
    <label>Full Name * :</label>
    <input type="text" class="required" />
    <label>Email * :</label>
    <input type="text" data-trigger="change" data-required="true" data-type="email" />
    <label>Phone# *:</label>
    <input type="text" data-trigger="change" data-required="true" data-type="phone" />
    <label>Date *:</label>
    <input type="text" data-trigger="change" data-required="true" data-type="dateIso" />
    <label>Website :</label>
    <input type="text" data-trigger="change" data-type="url" />
    <label>Message (20 chars min, 200 max) :</label>
    <textarea data-trigger="keyup" data-rangelength="[20,200]"></textarea>
    <input type="radio" name="radio_btns" data-required="true" />
    <input type="radio" name="radio_btns" data-required="true" />
</form>
<button id="submit_btn">submit</button>

JavaScript

$(function () {
    $("#submit_btn").click(function () {
        $("form").parsley('validate');
    });
});