表单验证添加字段不执行任何操作

Question

我正在使用 formvalidation.io 来验证Bootstrap中的表单。表单具有动态字段选项，因此我尝试使用 addField 功能来确保在验证表单时包含此字段。如此处所述。不幸的是，这不起作用。新字段永远不会包含在验证中。

添加新按钮的脚本：

$(document).on("click", '#add-row', function() {
   var rownr = parseInt($(this).attr("data-rownr"));
   rownr = (rownr+1).toString();
   $(this).attr("data-rownr", rownr);
   var rowid = '#contact-rule-'+rownr;
   $(this).before("<input type='text' id='"+rowid+"' name='"+rowid+"'/></div>");
   $option = $(document).find(rowid);
   $('#ruleForm').formValidation('addField', $option);
});

Answer 1

通过预先添加代码中的所有字段然后隐藏并使用 javascript 使它们再次可见来解决此问题。此外，设置表单验证以排除隐藏字段。