JQuery是一種現(xiàn)代化JavaScript庫(kù)，經(jīng)常被用來(lái)簡(jiǎn)化HTML文檔的操作、事件處理、動(dòng)畫操作以及Ajax交互等方面。其中jquery.validate是jquery中用于表單驗(yàn)證的插件，它內(nèi)置了許多常見的表單驗(yàn)證規(guī)則，例如：必填、email、數(shù)字等，可以極大的方便開發(fā)人員進(jìn)行表單驗(yàn)證，進(jìn)一步提升開發(fā)效率。

然而，jquery.validate提供的內(nèi)置規(guī)則遠(yuǎn)遠(yuǎn)不能滿足實(shí)際開發(fā)中所有的需求，因此我們需要擴(kuò)展一些自定義規(guī)則來(lái)滿足實(shí)際需求。這時(shí)，我們需要借助jquery.validate自定義規(guī)則的功能來(lái)完成這項(xiàng)任務(wù)。

//示例代碼1，自定義驗(yàn)證手機(jī)號(hào)碼
jQuery.validator.addMethod("mobile", function(value, element) {
var length = value.length;
var mobile = /^1[3|4|5|7|8][0-9]\d{8}$/;
return this.optional(element) || (length == 11 && mobile.test(value));
}, "請(qǐng)輸入正確的手機(jī)號(hào)碼");
//示例代碼2，自定義驗(yàn)證密碼格式
jQuery.validator.addMethod("password", function(value, element) {
var password = /^(?=.*\d)(?=.*[a-zA-Z])(?=.*[~!@#$%^&*()_+])[0-9a-zA-Z~!@#$%^&*()_+]{8,16}$/;
return this.optional(element) || (password.test(value));
}, "密碼由8-16位數(shù)字、字母、符號(hào)組合而成");

在自定義規(guī)則中，我們使用了jquery.validator.addMethod()方法來(lái)添加一組自定義規(guī)則。其中，方法的參數(shù)包括自定義規(guī)則的名稱，驗(yàn)證方法，以及錯(cuò)誤提示信息。自定義規(guī)則驗(yàn)證方法的參數(shù)包括待驗(yàn)證的值和jquery元素對(duì)象element，方法返回true表示驗(yàn)證通過(guò)，返回false則表示驗(yàn)證不通過(guò)。

以上示例代碼分別實(shí)現(xiàn)了驗(yàn)證手機(jī)號(hào)碼和密碼格式的功能，我們只需要在使用jquery.validate插件時(shí)，在驗(yàn)證規(guī)則中添加對(duì)應(yīng)的自定義規(guī)則名稱就可以了。使用自定義規(guī)則既可以有效避免重復(fù)造輪子，也可以大幅提升開發(fā)效率。