使用Jquery或其他没有id名称或类的表单验证

Question

我不知道如何解决问题，也许有人可以提供帮助。

我有一个动态表单，根据用户输入复制表单的pices。

所以我不能使用id因为它不是uniq（Jquery Val。插件）。

我无法使用类，因为它们用于布局......

我无法使用名称，因为它们用于在数组中发布...

那么在哪里连接验证？

有人给我提示？

谢谢!!!

Answer 1

我假设您对每个输入组都有相同的验证类型，并且我确定您为新输入生成了新名称吗？

使用name="field"复制输入时，请复制name="field-2"

在jQuery中使用start with selector来验证这些字段

$( "input[name^='field']" ) // This will match field and field-2

更多高级方法：

如果您需要访问这些动态字段。您需要生成自己的data-Anything

当您有

等输入时

<input type="text" name="field" data-order="0" data-type="mytype" data-duplicated="FALSE">

重复可以像这样

 <input type="text" name="field2" data-order="1" data-type="mytype" data-duplicated="TRUE">

然后在jQuery中访问第二个这样的

$("input").each(function(index){
    if($(this).data("type") == "mytype" && $(this).data("order") == 0){
        // validate
    }
});

使用订单或重复字段访问所有重复的内容。你可以用你想要的东西。

$("input").each(function(index){
    if($(this).data("type") == "mytype" && $(this).data("order") > 0){
        // validate
    }
});

因此，基本上您可以按照动态方式定义数据属性，并通过循环HTML页面中的当前输入来访问它们。当您发现输入立即应用验证功能时。