如何在jQuery验证中验证克隆元素?

前端之家收集整理的这篇文章主要介绍了如何在jQuery验证中验证克隆元素?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用 bassistance.de/jquery-plugins

这是默认的jQuery表单验证服务.

我知道有关jQuery验证的问题问了太多次,但我的问题是
有点不同.

我有一个表单有一个文件输入,我克隆如下

var picFields = $('#file').clone(true);

并附加到表单上传多个文件.

克隆时我有“必需”名称的类,并添加规则

$('.required').each(function() {
 $(this).rules('add',{
    required: true,});
});

并初步验证像

$('#form').validate();

它仅验证第一个元素而不是所有动态添加的字段.

解决方法

每个输入都需要一个唯一的名称插件没有考虑像
name =“location []”,你必须添加一个索引(正确的将是name =“location [0]”).
对于克隆元素,我首先得到html“clone().html()”然后我替换[0]
使用计数器编号我保持跟踪Ex:.replace(/ [0] / g,“[”cont“]”)

然后我可以安全地将生成的html附加到DOM,插件可以照常工作.

记住:JQUERY VALIDATE需要在输入中有一个独特的名字!我付出了很多时间为此付出了代价.

原文链接:https://www.f2er.com/jquery/179175.html

猜你在找的jQuery相关文章