跟踪在jquery中添加的用于验证的输入类型

Question

示例视图:

<td id='sample'>
<input type='text' id='names' name='names[]'/>
</td>

假设我添加了一个按钮来添加进一步的输入，

$("#sample").append("<input type='text' id='names' name='names[]'/>");

那么我该如何验证添加的每个输入类型是必需的呢?

rules: { names: "required" }, messages: { names: "This is a required field." }

编辑:我应该添加[]到id asweel，使它成为一个数组，使所有的名称[]字段将落入名称规则

Answer 1

试试这个

这将验证每个名称为[]的文本框

rules: { "names[]": "required" }, messages: { required: "This is a required field." }

Answer 2

在创建动态元素时放置规则。让我们假设在单击Add按钮时添加元素。

...
...
<td id='sample'>
<input type='text' id='names' name='names[]'/>
</td>
...
...
<input type='button' id='add' value='Add' />
...
...
<script>
var count=1;
$('#add').click(function() {
  var newElement = $("<input type='text' id='names"+count+"' name='names[]'/>");
  $('#sample').append(newElement);
  newElement.rules('add', {
                required: true,
                messages: {
                    required: 'This field is required'
                }
            });
   count++;
});
</script>