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,它的用处是用于自定义扩展时候用到的,等我用了再来写。