這次為大家帶來一份好用的jquery的表單驗證插件，使用jquery的表單驗證插件的注意事項有哪些，下面就是實戰案例，一起來看一下。
jquery的validate外掛
前置知識：預設校驗規則
使用方法：依序引入jquery.js、jquery.validate.min.js和validate-config.js
範例：
$.extend($.validator.messages, { required: "这是必填字段", ip: "输入格式不正确", number: '请输入数字', max: "输入超过了最大值", min: "输入小于最小值", minlength: $.validator.format( "输入字符不能少于 {0} 个." ), maxlength: $.validator.format( "输入字符不能多于 {0} 个." ), mask: "网关不可达", remote: "该名称已存在", equalTo: "两次输入密码不匹配", notEqualTo: "新密码不能与原始密码相同", pw : "必须包含数字、英文字母、特殊字符, 并且大于等于8位"});
$.validator.addMethod("ip",function(value,element,params){ var ipReg = /^(?:25[0-5]|2[0-4]\d|1\d{2}|[1-9]?\d)\.(?:25[0-5]|2[0-4]\d|1\d{2}|[1-9]?\d)\.(?:25[0-5]|2[0-4]\d|1\d{2}|[1-9]?\d)\.(?:25[0-5]|2[0-4]\d|1\d{2}|[1-9]?\d)$/; if( value === '' ) { return true;
} return ipReg.test( value );
},"输入格式不正确");程式碼第1行到第14行是在新增驗證訊息，第16行後面的程式碼是在自訂驗證函數，傳回值為false則顯示上面的驗證資訊。
上面的程式碼是驗證規則的定義，接下來的程式碼是開始進行驗證：
<script src="xx/jquery.js"></script><script src="xx/jquery.validate.min.js"></script><script src="xx/validate-config.js"></script><script>
var $form = $("#form");
$form.validate( { rules: { id: { required: true
}, ip: { required: true, ip: true //这个不是写错，而是说明了要使用自定义（$.validator.addMethod）的ip验证方法
}, username: { required: true
}, pw: { required: true
}
}, ignore: '.ignore'
} );
$form.on("submit", function () { if ( $form.valid() ) { //$form.valid返回值为true验证通过
//验证通过执行的代码
}
})</script>第6行至第23行說明了使用哪些規則，第25行是進行表單提交的事件監聽。
附註：如果想改變驗證資訊在dom結構中的位置，使用errorPlacement，如下：
$('.lock-form-register').validate({ rules: { username: { required: true, username: true
}, password: { required: true, pw: true
}, confirmpwd : { required : true, equalTo : "#pw", pw: true
}
}, errorPlacement: function(error, element) { //element是被验证的元素，error是包含错误信息的label标签
}
});相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
相關閱讀：
#以上是一份好用的jquery的表單驗證插件的詳細內容。更多資訊請關注PHP中文網其他相關文章！
