validate插件

案例1-表單校驗
需求:
通過validate插件來校驗表單
技術分析:
jqery validate
validate使用步驟:
validate是別人封裝好的第三方工具
1.導入jquery.js
2.導入validate.js
3.在頁面加載成功之後 對錶單進行校驗  $("選擇器").validate()
4.在validate中編寫校驗規則
$("選擇器").validate({
rules:{},
messages:{}
});
//////////////////////////////////////////
rules格式:
格式1:
字段的name屬性:"校驗器"
格式2:
字段的name屬性:{校驗器:值,校驗器:值}
例如:
username:"required",
password:{
required:true,
digits:true
},
repassword:{
equalTo:"[name='password']"
},
zuixiaozhi:{
min:5
},
shuzhiqujian:{
range:[5,10]
}
///////////////////////////////////////////
messages的格式:
格式1:
字段的name屬性:"提示信息"
格式2:
字段的name屬性:{校驗器:"提示信息",校驗器:提示信息"}
例如:
username:"用戶名不能爲空",
password:{
required:"密碼不能爲空",
digits:"密碼只能是數字"
},
repassword:{
equalTo:"兩次輸入的內容不一致"
},
zuixiaozhi:{
min:"最小值應該大於{0}"
},
shuzhiqujian:{
range:"輸入的範圍在{0}~{1}之間"
}