jQuery验证,包含动态添加到表单的字段

前端之家收集整理的这篇文章主要介绍了jQuery验证,包含动态添加到表单的字段前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有以下表格:

required="true">

这是通过jQuery验证插件验证的.我称之为:

$(".form-validation").validate();

验证按预期工作.然后我有一个动态添加字段到窗体的按钮,基本上它创建了这个:

required="true">
  required="true">
  required="true">
  ...

现在,此验证后不再表现良好.它仍然验证形式,但我得到奇怪的结果.有时来自filed3的onsubmit值被移动到field2,并且规则也在字段之间传递……

我想我需要告诉验证者已添加新字段,但我不知道如何?

最佳答案
要将规则应用于动态创建的字段,可以在创建新输入字段后立即调用rules('add') method.由于您没有显示添加新字段的任何代码,因此我无法向您展示此技术的精确演示.

但是,由于您的规则已经是HTML属性的一部分,因此下面的演示显示您的代码应该已经正常工作:

http://jsfiddle.net/WVbmj/

引用OP:

It still validates form but I get strange results. Sometimes onsubmit
value from filed3 is moved to field2,and rules are passed between
fields as well.

这可能是因为你的第二个&和你有一个重复的id,id =“form_product [1] [name]”.第三个输入元素. id必须是唯一的,否则你会得到像这样的奇怪结果.解决这个问题就像我在上面的演示中所做的那样.

同样,当这个id问题得到解决时,它正在工作:http://jsfiddle.net/WVbmj/

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

猜你在找的jQuery相关文章