jQuery.Validate校验插件多个同名name的input只能校验第一个

Question

如图有个需求，是我想动态生成多个email 文本框，这时候我需要在用户点击提交时能校验这些email 文本框，但不管是本来就存在的多个email文本框还是动态生成的email文本框，点击提交后却只校验了第一个，请问怎么实现校验多个同名input

<p>
    <label for="cemail">E-Mail (required)</label>
    <input id="cemail" type="email" name="email" required="" aria-required="true">
</p>

<p>
    <label for="cemail">E-Mail (required)</label>
    <input id="cemail" type="email" name="email" required="" aria-required="true">
</p>

Answer 1

无论出于什么样的考虑，你元素的id都不应该相同。

Answer 2

后面新增的DOM 需求重新绑定一下事件才可以

Answer 3

同一个页面中不应该出现相同的ID

而且js只会认第一个。