在jQuery中验证动态重复添加的字段[重复]答案

【问题标题】：Validating dynamically reapetedly added fields in jQuery [duplicate]在jQuery中验证动态重复添加的字段[重复]
【发布时间】：2016-05-26 02:18:17
【问题描述】：

我知道一个字段需要name 和id 才能被验证。

我的问题是我需要允许将重复添加的字段添加到表单中，这将具有相同的 name（以便我可以在服务器端读取它们）。

因此，只有第一个动态添加的字段被验证，其他没有，即使为空也会被提交。

这是我的基本设置示例：http://jsfiddle.net/kneidels/07m6bru2/

有什么办法可以解决这个问题吗？

【问题讨论】：

更正：该字段只需要 name... 而不是 id 即可进行验证。而且它的name 必须是唯一的...没有解决方法。

标签： jquery jquery-validate

【解决方案1】：

这可能不是一个干净的解决方案，而是一个可能的解决方法，将输入字段计数保留在一个变量中，并且每次创建一个新的控件 ID/名称，例如：

$(document).ready(function () {
var controlNumber = 4; //assume you have 3 controls in form
$('#myform').validate({ // initialize the plugin      
    submitHandler: function (form) { // for demo
        alert('valid form submitted'); // for demo
        return false; // for demo
    }
});

$('button').one('click', function () {
    var ctl = '<input name="product['+controlNumber+'][name]" id="form_product[3][name]" data-rule-required="true">';        
    $('#myform').append(ctl);
    controlNumber++;
});
});

【讨论】：