Validate.js testing fiddle

HTML

<script src="http://beshur.github.io/res/validate/validate.js"></script>
<div class="form_wrap">
    <form>
        <ul class="fields">
            <li>
                <label>Basic (not empty)<em>*</em></label>
                <div class="i">
                    <input type="text" data-validate="full" placeholder="anything" />
                </div>
            </li>
            <li>
                <label>Test email<em>*</em></label>
                <div class="i">
                    <input type="text" data-validate="email" placeholder="test@test.com" />
                </div>
            </li>
            <li>
            <hr />
                <label>Password (Test for length)<em>*</em></label>
                <div class="i">
                    <input type="password" data-validate="length" data-pass-one="true" placeholder="datpass" />
                </div>
            </li>
            <li>
                <label>Repeat password<em>*</em></label>
                <div class="i">
                    <input type="password" data-validate="password" placeholder="dispass" />
                </div>
            </li>
            <li>
                <label>Text only<em>*</em></label>
                <div class="i">
                    <input type="text" data-validate="text" placeholder="fdsf2 342" />
                </div>
            </li>
            <li>
                <label>Phone<em>*</em></label>
                <div class="i">
                    <input type="text" data-validate="phone" placeholder="fdsf2 342" />
                </div>
            </li>
            <li>
                <label>Date test<em>*</em></label>
                <div class="i">
                    <input type="text" data-validate="date" placeholder="12-12-12 or 12.12.12" />
                </div>
                <small>It is meant to be used with something like jQuery Datepicker and make the date format match</small>
            </li>
            <li>
                <label>Birth...

CSS

form {
    padding: 10px;
}
form .fields li {
    margin: 0 0 15px;
}
label em { color: red; }
.err_string {
    margin: 0 4px;
    font-size: 12px;
    color: red;

} 

.i {
    padding: 5px 0;
} 
input.error {
    border-color: red;
}

small {
    font-size: 12px;
}
body {
    font-family: Arial, Helvetica, sans-serif;
}

JavaScript

$(function() {
    validize.validate_ini(".form_wrap form [data-validate]"); 
    
    $("form button").click(function(e) {
        e.preventDefault();
        $(this).closest("form").find("[data-validate]").blur(); 
    });
    $("form").submit(function(e) {
        e.preventDefault();
        return;
        
    });
});