jquery 分组验证

来源:互联网 发布:wordpress mac nginx 编辑:程序博客网 时间:2024/04/30 04:30

一、分组验证

初始注册验证组:在js代码中申明两个验证组元素, 此时并不需要注册到form中。

var _valarry_yes = {
    rules: {
       "cause": {
             required:true,
             maxlength:500
     }
},
   messages: {
        "cause": "请输入XXX(长度应小于1000字符)"
    }

};

 

var _valarry_no = {
    rules: {
       "author": {
             required:true    

         }
},
   messages: {
        "author": "请输入AAA"
    }

};

 
var _default = $("#submitForm").validate().settings; //取得from的验证组
/**初始验证组对象,通过jquery.extend扩展form的验证方式。**/

var validate_settings_yes = jQuery.extend(_default, _valarry_yes);

var validate_settings_no= jQuery.extend(_default, _valarry_no);

 

以下为触发事件后调用,并对form重新注册验证

$("#submitForm").validate(validate_settings_yes);

or -----------------------------------------------------------------------

第二组验证注册.
$("#submitForm").validate(validate_settings_no);

 

 

二、动态增加删除验证元素

增加:

$("input[name^='case']").each(
             function() {
                 $(this).rules("add", { required: true, messages: { required: "也是必填"} });
             }
            );

$("#case").rules("add", { required: true, messages: { required: "也是必填"} });

 

删除

$("input[name^='case']").each(
             function() {
                 $(this).rules("remove", "required");
             }
            );

$("#case").rules("remove", "required");

(此remove多个元素还未学习到,如了解到对多个元素进行remove验证的,请回复供学习.)

 

使用form.submit(); 或者 form.validate() 提交进行验证, 这里和你平常使用的验证一样.

原创粉丝点击