Jquery validate 验证事件重设[例子]

<form id="my-form">
    <label for="fname">First Name</label><input type="text" id="fname" name="fname" /><br />
    <label for="lname">Last Name</label><input type="text" id="lname" name="lname" /><br />
    <input type="submit" />
</form>
<span id="message"></span>
<script type="text/javascript">
    $("#my-form").validate({
        debug: true,
        
        rules: { fname: { required: true }, lname: { maxlength: 5 } },
        
        "onfocusout": function(e) { $(e).valid(); },
        
        "onkeyup": function(e) { $(e).valid(); },
        
        showErrors: function(errorMap, errorList) {
            var formSelector = '#' + this.currentForm.id;
            var formObject = $(formSelector);
            var validateObject = formObject.validate();
            var numberOfInvalids = validateObject.numberOfInvalids();

            document.getElementById('message').innerHTML = numberOfInvalids;
            this.defaultShowErrors();
        }
    });
    
    $("#my-form").validate().form(); // cause the form to validat.
</script>