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: "必填项"

});