将动态创建的表单元素添加到jquery.validate？

Question

我的问题似乎与针对动态元素的javascript验证相同，但是那里给出的答案似乎对我没有用。 我正在使用query.validate插件，并且对于我的大多数表单都可以正常工作。 但是，我有一个按钮可以向包含多个输入元素的表中添加一行。 我用来添加表单输入元素的代码如下：

var table=document.getElementById('flightlegs');
var rowCount=table.rows.length-1;
var row=table.insertRow(rowCount);
...
var cell4=row.insertCell(3);
var element4=document.createElement("input");
element4.type="text";
element4.size="3";
element4.setAttribute("required", "required");
element4.maxlength="3";
element4.name="legto";
element4.id="legto"+rowCount;
cell4.appendChild(element4);
$('#legto'+rowCount).rules('add', {required:true});
...(more of the same for other cells)...

好的，所以这可能不是最好的方法（我是javascript的新手），但是它确实会根据需要添加输入字段。 但是，单击“提交”时，这些新字段将不包括在验证中。 我在这里想念什么？

Answer 1

jquery.validate“仅为每个名称选择第一个元素，并且仅选择具有指定规则的元素 ”（查看插件的源代码，该函数称为在第450行定义的elements ）。

在您的情况下，每个新添加的表单元素都具有名称legto ，这将导致jquery.validate仅选择具有该名称的第一个表单元素，并丢弃其余的表单验证。

这是解决此问题的方法

element4.name="legto"+rowCount;