添加同一规则多个字段

Add Same Rule Multiple Fields

本文关键字：字段 规则 添加      更新时间：2023-09-26

我正在尝试使用以下命名约定向 html 输入元素添加相同的规则：

name="elements[1]"
name="elements[2]"

我正在使用jQuery和jQuery验证插件：

var elements = $("#elementsFieldset :input");
$.each(elements, function(i, element) {
    element.rules('add', {
    required: true,
    number: true
});

但恐怕该元素不是jQuery期望添加规则的那种对象。我收到：

Uncaught TypeError: Object #<HTMLInputElement> has no method 'rules'

非常感谢任何帮助。

使用 $(this) 而不是 element 。

element是HTML JavaScript Object。

要添加规则，您需要jQuery对象，即$(this) 

var elements = $("#elementsFieldset :input");
$.each(elements, function(i, element) {
    $(this).rules('add', {
    required: true,
    number: true
});

甚至更好 

var elements = $("#elementsFieldset :input");
    elements.each(function(){
        $(this).rules('add', {
        required: true,
        number: true
    });

更新

仅当您要为多个元素应用规则时，以下代码才适用于一个元素，请使用上例中使用的.each()。

$("#elementsFieldset :input").rules("add", { 
  required:true,  
  number:true
});

阅读jQuery验证插件 - 添加适用于Sparky注释的多个字段的规则

j查询验证插件

试试这个，

$.each(elements, function(i, element) {
    $(this).rules('add', {// use $(this) instead of element
    required: true,
    number: true
});

或者简单地尝试一下，

$("#elementsFieldset :input").rules("add", { 
  required:true,  
  number:true
});

您可以在class上add rule 请参阅使用类而不是名称值的 jQuery 验证

相关文章：