twitter-bootstrap - Formvalidation addField 没有做任何事情

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 使它们再次可见来解决此问题。还要设置 Formvalidation 以排除隐藏字段。