jquery.validation自定義正則表達式驗證

發現在做正則表達式驗證時沒有參數設置可以使用，需要壹個個添加方法，比較麻煩。

就做了壹個簡單的分裝，也總結了壹些正則表達式。

/**

* @anthor ycf

* @date 1017/11/3

*

* 本js是對jquery.validator的自定義方法的封裝

* 只能用於正則表達驗證

* 頁面必須調用jquery.validator.js

* ***兩個方法

* regular 只添加壹個正則自定義函數

* regulararr 批量導入，傳入對象即可。

* 具體信息請看頁面展示及函數參數說明

* 以下是壹些常用的正則表達式。

*/

//用戶名驗證

var usernameExp = /^[a-zA-Z0-9_-]{4,16}$/;

//姓名驗證

var nameExp = /^[\u4E00-\u9FA5A-Za-z]+$/;

//密碼驗證

var pwdExp = /^[0-9a-zA-Z_#!@$%^&*]{6,16}$/;

//年齡驗證

var ageExp = /^(?:0|[1-9][0-9]?|120)$/;

//郵箱驗證

var emailExp = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/;

//固定電話驗證

var telExp = /^0\d{2,3}-\d{7,8}(-\d{1,6})?$/;

//手機號碼驗證

var phoneExp = /^0?(13[0-9]|15[012356789]|17[013678]|18[0-9]|14[57])[0-9]{8}$/;

//英文名驗證

var enameExp = /^[a-zA-Z]+$/;

//郵政編碼驗證

var postalcodeExp = /^[0-9][0-9]{5}$/;

//QQ驗證

var qqExp = /^\d{5,10}$/;

//非法字符驗證

var ffzfExp = /[@#\$%\^&\*]+/g;

//IP驗證

var ipExp = /((25[0-5]|2[0-4]\d|((1\d{2})|([1-9]?\d)))\.){3}(25[0-5]|2[0-4]\d|((1\d{2})|([1-9]?\d)))/;

//非負整數驗證

var ffzsExp = /^(0|[1-9]\d*)$/;

//正負小數驗證

var zfxsExp = /^[+-]?\d*\.\d{1,3}$/;

//正負整數和小數驗證

var zfzshxsExp = /^(-)?\d+(\.\d+)?$/;

//身份證號驗證

var idcardExp = /^[1-9][0-9]{5}(19[0-9]{2}|200[0-9]|201[0-9]|202[0-9]|203[0-9])(0[1-9]|1[0-2])(0[1-9]|[12][0-9]|3[01])[0-9]{3}[0-9xX]$/i;

//限制輸入

var limitExp = /^((?!test).)*$/; //不能輸入包含test的字符串

/**

* 自定義正則匹配方法

* @param funName 自定義方法名

* @param Exp 正則表達式

* @anthor ycf

*/

function regular(funName,Exp){

jQuery.validator.addMethod(funName, function(value, element) {

return this.optional(element) || Exp.test(value);

}, "不通過");

}

/**

* 批量添加自定義正則匹配方法

* @param objExp 對象

* 例如{ "postalcodeCheck":postalcodeExp}

*

* @anthor ycf

*/

function regularArr(objExp){

$.each(objExp, function(i) {

jQuery.validator.addMethod(i, function(value, element) {

return this.optional(element) || objExp[i].test(value);

}, "不通過");

});

}

這樣在前臺js裏只需要申明壹個對象，並引入這個js文件就行了。希望能幫到大家。