jQuery validate.js是一个用于表单验证的插件,会对整个表单的内容一一验证,它的基本使用方法:
1、引入文件:
<script src=".../jquery.js" type="text/javascript"></script>
<script src=".../jquery.validate.js" type="text/javascript"></script>
2、校验规则举例:
required:true 必输字段
equalTo:"#field" 输入值必须和#field相同
3、提示规则:一般自定义
4、使用方法:
$().ready(function() {
$(#id).validate({
//在这里面写检验规则和提示规则,例如:
rules:{
password: {
passwordreg:true,
required: true,
minlength: 6,
maxlength:20
},
confirm_password: {
required: true,
equalTo: "#password"
}
},
messages:{
password: {
required: "请输入密码!",
minlength: "密码长度不小于6 !",
maxlength:"密码长度不超过20 !",
passwordreg:"密码由字母,数字,下划线组成!"
},
confirm_password: {
required: "请输入确认密码",
equalTo: "确认密码与密码不相等"
}
},
success: function(label) {
label.remove();//若填入的内容是符合规定的,那么提示就会被移除。
}
});
});
PS:注意rules和messages里面具体条目出现的顺序不能改变,需一一对应,否则会出现错误的结果。
5、另外还看到一个errorPlacement,它的用处是用于自定义扩展时候用到的,等我用了再来写。
浙公网安备 33010602011771号