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

时间:2013-10-22 08:22:50

标签: jquery jquery-validate

我已使用jquery validate plugin实现验证并尝试以下列方式应用

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

以下面的方式执行

1。将适用于该特定字段的规则

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

2。将在课堂上申请

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

我在寻找的是有一种方法可以在一个小行中为所有输入文本框制作验证代码,而不是为所有文本框添加类!

最佳实施方式是什么?

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

由于

2 个答案:

答案 0 :(得分: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了解更多应用规则的方法。

答案 1 :(得分:-1)

实际上答案是否定的!

  

因为我希望在应用程序级别进行此验证,我正在寻找一些   轻松的方法,而不是触及每个地方!

由于您已使用 jQuery.validator.addClassRules() 进行了验证,因此可以轻松添加类,然后进行验证。

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

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

希望你明白。