jquery.validate.js 验证触发时机修改

当输入错误时，失去焦点时会触发的。

Js代码 收藏代码

<script>  
jQuery.validator.addMethod("isTel", function(value, element) {  
    var tel = /^\d{3,4}-?\d{7,9}$/; // 电话号码格式010-12345678  
    return this.optional(element) || (tel.test(value));  
}, "请正确填写您的电话号码");  
jQuery.validator.addMethod("isMobile", function(value, element) {  
    var length = value.length;  
    var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/;  
    return this.optional(element) || (length == 11 && mobile.test(value));  
}, "请正确填写您的手机号码");  
$(document).ready(function() {  
  $("#name").focus();  
  $("#inputForm").validate();  
});  
</script>

Html代码 收藏代码

<form id="inputForm" method="post" class="form-horizontal">  
<div class="control-group">  
    <label for="name" class="control-label">用户名:</label>  
    <div class="controls">  
        <input type="text" id="name" name="name" class="input-large required"/>  
    </div>  
</div>  
<div class="control-group">  
    <label for="email" class="control-label">邮箱:</label>  
    <div class="controls">  
        <input type="text" id="email" name="email" class="input-large email"/>  
    </div>  
</div>  
<div class="control-group">  
    <label for="phone" class="control-label">电话:</label>  
    <div class="controls">  
        <input type="text" id="phone" name="phone" class="input-large isTel"/>  
    </div>  
</div>  
<div class="control-group">  
    <label for="mobile" class="control-label">手机:</label>  
    <div class="controls">  
        <input type="text" id="mobile" name="mobile" class="input-large isMobile"/>  
    </div>  
</div>  
<div class="control-group">  
    <label for="plainPassword" class="control-label">密码:</label>  
    <div class="controls">  
        <input type="password" id="plainPassword" name="plainPassword" class="input-large minlength:6"/>  
    </div>  
</div>  
<div class="control-group">  
    <label for="confirmPassword" class="control-label">确认密码:</label>  
    <div class="controls">  
        <input type="password" id="confirmPassword" name="confirmPassword" class="input-large minlength:6" equalTo="#plainPassword"/>  
    </div>  
</div>  
<div id="content_footer" style="border-top-width: 1px;">  
    <input id="submit_btn" class="btn right mt10" type="submit" value="提交"/>   
    <button type="button" class="btn right mt10" onclick='history.back()'>取消</button>  
</div>  
</form>