JQuery Validation插件的问题

最简单的用法就在表单中改改class类的值即可。下面为演示实例：

1。导入包：
<script src="js/jquery.js"type="text/javascript"></script>
<script src="js/jquery.validate.js"type="text/javascript"></script>
   
2。添加验证方法：
<script type="text/javascript">
        $(document).ready(function () {

       
           $("#form1").validate();
       });

 

</script>

//其中，form1为你所要验证的表单ID值

3。修改表单的class:
<form class="cmxaform" id="commentForm"method="post" action="">
  <input id="cnadme" name="name" class="required" minlength="2" />
  <input name="email" id="email" class="required email" type="text"/>
   <inputclass="submit" type="submit" value="提交"/>
</form>
// class="required" 表示该字段要求必须输入值
// class="required email" 表示字段要求必须输入值，而且要满足email格式要求。

//equalTo=".onePass"

//页面的其他按钮不验证设置：CssClass="cancel"

 

添加自定义验证：

// 图片格式验证

jQuery.validator.addMethod("uploadImage", function (value, element){

     returnthis.optional(element) || isFile(value);

}, "图片限于bmp,png,gif,jpeg,jpg格式！");

 

function isFile(name) {
    var filepath= name;
    var extStart= filepath.lastIndexOf(".");
    var ext =filepath.substring(extStart, filepath.length).toUpperCase();
    if (ext !=".BMP" && ext != ".PNG"&& ext != ".GIF"&& ext != ".JPG"&& ext != ".JPEG") {
       return false;
    }
   //           var img = new Image();
   //           img.src = filepath;
   //           while (true) {
   //               if (img.fileSize > 0) {
   //                   if (img.fileSize > 3 * 1024) {
   //                       alert("图片不大于300KB。");
   //                       return false;
   //                   }
   //                   break;
   //               }
   //           }
    returntrue;
}

 

修改默认的信息提示：

例如：

$.validator.messages = {
    required: "必填",

    ...//需全部重定义($可用jQuery代替)
};

或：

jQuery.extend(jQuery.validator.messages, {
        required: "必填项"

});