jQuery驗證框架的使用

2021-08-30 13:03:47 字數 2437 閱讀 1025

download:

demo:

$(document).ready(function

()   

});   

//中文字兩個位元組   

jquery.validator.addmethod(

"byterangelength",

function

(value, element, param)    

}   

return

this

.optional(element)

||( length

>=

param[0]

&&length

<=

param[

1] );   

}, "

請確保輸入的值在3-15個位元組之間(乙個中文字算2個位元組)

");   

/*追加自定義驗證方法

*///

身份證號碼驗證   

jquery.validator.addmethod(

"isidcardno",

function

(value, element) ,

"請正確輸入您的身份證號碼

");   

//字元驗證   

jquery.validator.addmethod(

"username",

function

(value, element) ,

"使用者名稱只能包括中文字、英文本母、數字和下劃線

");   

//手機號碼驗證   

jquery.validator.addmethod(

"ismobile",

function

(value, element) )|(15[0-9]))+\d)$

/.test(value));   

}, "

請正確填寫您的手機號碼

");   

//**號碼驗證   

jquery.validator.addmethod(

"isphone",

function

(value, element) -?)?\d$

/g;   

return

this

.optional(element)

||(tel.test(value));   

}, "

請正確填寫您的**號碼

");   

"iszipcode",

function

(value, element) $

/;   

return

this

.optional(element)

||(tel.test(value));   

}, "

");   

$(regfrom).validate(,   

password: ,   

repassword: ,   

question: ,   

answer: ,   

realname: ,   

cardnumber: ,   

mobilephone: ,   

phone: ,   

email: ,   

zipcode:    

},   

/*設定錯誤資訊

*/messages: ,   

password: .

")   

},   

repassword: ,   

question: ,   

answer: ,   

realname: ,   

email:    

},   

/*錯誤資訊的顯示位置

*/errorplacement:

function

/*驗證通過時的處理

*/success:

function

(label) ,   

/*獲得焦點時不驗證

*/focusinvalid:

false

,   

onkeyup:

false

});   

//輸入框獲得焦點時,樣式設定    $('

input

').focus(

function

()   

});   

//輸入框失去焦點時,樣式設定    $('

input

').blur(

function

()    

});   

});   

省時省力的jquery驗證框架

前段的表單驗證,重複性高,雖然網上一大堆js 每當郵件,號碼什麼的驗證,直接copy,但是有了這個框架真實美包包。jquery validate 驗證框架,本來想詳細寫寫用法,發現罈子裡paskaa幾年前寫過,不知道為何帖子沉了。詳細使用 官方文件參考 官方那個,我感覺這個文件寫的不是很詳細,讀了幾...

web前端框架 jQuery表單驗證

1 什麼是正規表示式 能讓計算機讀懂的字串匹配規則。2 正規表示式的寫法 var re new regexp 規則 可選引數 var re 規則 引數 3 規則中的字元 1 普通字元匹配 如 a 匹配字元 a a,b 匹配字元 a,b 2 轉義字元匹配 d 匹配乙個數字,即0 9 d 匹配乙個非數字...

JQuery驗證外掛程式使用

required true 必輸字段 2 remote remote valid.jsp 使用ajax方法呼叫remote valid.jsp驗證輸入值 3 email true 必須輸入正確格式的電子郵件 4 url true 必須輸入正確格式的 5 date true 必須輸入正確格式的日期,日...