一,validate插件校验表单。
首先validate是别人在jquery的基础上封装好的第三方工具。
- 1.导入jquery.js和validate.js
- 2.在加载页面成功后,对表单进行校验
- 3.在validate中编写校验规则
- 4.样式:
$("选择器").validate({
rules:{
},
messages:{
}
});
二,格式和使用
-rules格式
- 格式一:
字段的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}之间"
}
常见的校验规则如下:
(1)required:true 必输字段
(2)remote:"check.php" 使用ajax方法调用check.php验证输入值
(3)email:true 必须输入正确格式的电子邮件
(4)url:true 必须输入正确格式的网址
(