使用 Jquery validate 验证所有文本框的方法

Question

我已经使用 jquery validate 插件实现了验证，并尝试通过以下方式应用

先添加$.validator.addMethod("character" ........);

并通过以下方式执行

1.将为该特定字段应用规则

 rules :{
        someName: {
                    character: true,
                    required: true,
                },
        }

2。将适用于班级级别

// connect it to a css class
    $.validator.addClassRules({
        character: { character: true }
    });

我正在寻找的是有没有一种方法可以让所有输入文本框的验证代码在一个小行中，而不是为所有文本框添加类！

最好的实施方式是什么？

由于我希望在应用程序级别进行此验证，因此我正在寻找一些简单的方法，而不是触及每个地方！

谢谢

Answer 1

是的，.addClassRules() 方法将创建一个新的自定义 class，您可以将其添加到任何输入元素以进行复合规则分配。这是一种有效的方法。

但是，还有另一种同样有效的方法可以解决您的问题，而无需向您的 HTML 标记添加新类或其他任何内容。使用包含在 jQuery .each() 和 jQuery 选择器中的 plugin's .rules('add') method 来定位所有 input 元素 type="text"。

$('input[type="text"]').each(function() {
    $(this).rules('add', {
        character: true,
        required: true
    });
});

工作演示：http://jsfiddle.net/rW8Zd/1/

也可以see this answer 了解更多应用规则的方法。

Answer 2

其实答案是否定的！

因为我希望在应用程序级别进行此验证，所以我正在寻找一些 简单的方法，而不是触摸每一个地方！

由于您已经使用 jQuery.validator.addClassRules() 完成了验证，因此添加类然后进行验证很容易。

$('input type["text"]').addClass('className');

现在该类已添加到 input type="text" 的所有元素中。

希望你能理解。