如何给动态添加的form绑定jQuery.validate.js验证

2024-11-28 09:54:17
推荐回答(2个)
回答1:

1,动态添加验证规则

// 添加
$("#addConnectUser").rules("add",{rules:{required:true,isString:true},messages:{required:"用户名为必填项",isString:"请输入规范字符"}});
// 移除$("#addConnectUser").rules('remove','required');

在此我要讲一下为什么有一个isString验证规则;这个是为了限制表单中input的输入规则;比如:不允许特殊字符,或者一些特殊的要求;这个isString是自己配置的

jQuery.validator.addMethod("isString", function(value, element) {
                return this.optional(element) || (inputTest.test(value));
            },"请输入规范内容");
  // 此处的inputTest为你自定义的验证规则

2,如何给已经添加了表单验证的选项移除验证规则;

$("#addConnectUser").rules("remove",'required');

//再次添加可以直接用$("#addConnectUser").rules("add",'required');

回答2:

动态添加的form绑定jQuery.validate.js验证方法:
//动态表单验证
$(document).ajaxComplete(function () {
$.validator.unobtrusive.parse(document);
});