jquery - 变量作为字段名jquery验证规则

Question

我目前正在使用 jquery 验证规则插件，但遇到了以下问题。虽然我的一些输入字段具有静态 ID。有些字段是动态生成的，因此 ID 不是静态的。不幸的是我无法控制生成的 ID。我可以使用 .each 循环来获取 ID，但如何将 ID 变量传递给规则进行验证。有没有办法在字段名称中使用变量？如果只需要这些字段，我会使用不同的方法，但是我需要对输入进行正则表达式检查。

$j('form').validate({
    rules:{
        txtFirstName: 'required',                                                        
        txtLastName: 'required',                               
        txtEmail: 'required',
        randomIdFieldVariable: 'Regex check"
    }
);

Answer 1

您不能使用元素 id，也不能使用变量来代替 .validate() 方法中的字段 name。

$('#myform').validate({
    rules: {
        fieldname: { // <- MUST be the 'name' attribute of the element
            required: true
        }
    }
});

但是，当元素的名称未知时，还有其他添加规则的方法。

1. 可以通过 bool 值声明的某些规则可以声明为类。

   <input type="text" name="foo" class="required" />
   

2. 也可以通过在输入元素上包含 HTML 5 属性来声明也作为 HTML 5 属性存在的某些规则。

   <input type="text" name="foo" required="required" />
   

   这可能对您有用，因为 jQuery 验证插件将使用一个名为 pattern 的 HTML 5 验证属性。 pattern 的值是一个正则表达式。请参阅:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input

3. 您可以附加the jQuery Validate plugin' .rules('add') method使用您想要的任何 jQuery 选择器到 jQuery .each()。您不必提前知道名称，但用于验证的所有元素必须仍然包含唯一的名称属性。

   $('.myClass').each(function() {
       $(this).rules('add', {
           required: true,
           messages: { // <- optional
               required: "optional custom message"
           }
       });
   });