【问题标题】:BootstrapValidator, validate fields added dynamically to the formBootstrapValidator,验证动态添加到表单的字段
【发布时间】:2014-05-19 16:35:44
【问题描述】:

我正在寻找一种方法来验证我在加载 DOM 并执行 $('#formId').bootstrapValidator() 后添加到表单的字段。有没有办法添加新字段并在提交表单时对其进行验证?

【问题讨论】:

    标签: twitter-bootstrap validation bootstrapvalidator


    【解决方案1】:

    我也在搜索同样的东西并找到了解决方案HERE

    但在我的情况下,我已经销毁引导 obj 并重新初始化。

    $('#sign-up_area').bootstrapValidator('destroy');
    $('#sign-up_area').data('bootstrapValidator', null);
    $('#sign-up_area').bootstrapValidator();
    

    【讨论】:

    • 这应该是公认的答案,它解决了问题。
    【解决方案2】:

    现在有一种更简单的方法来完成此操作,使用 Bootstrap Validator 的 update 方法:

    $('#formId').validator('update')
    

    来自the docs

    更新将被验证的输入集合。如果需要验证的字段集发生变化,则调用此方法。

    【讨论】:

      【解决方案3】:

      是否有什么原因您不能在表单首次加载时使用隐藏字段,然后在提交表单时与其他字段一起验证它们?

      【讨论】:

      • 我不知道会添加多少个新字段,可以是 1 个,也可以是 10 个。所以没有办法知道
      • 我在想象会加载基本表单,然后您可能会使用 jQuery 根据需要添加隐藏字段,然后使用 Bootstrap 验证器验证所有内容。重读你的问题,也许这不是你所追求的?
      • 是的。我使用jQuery添加字段,但没有隐藏,以前根本不存在。这是因为用户可以选择添加一个简单的输入文本或一个具有四个文本区域的输入文本。这是因为这些字段用于进行调查,并且问题可以有多个选项或只是一个开放式问题。用户可以根据需要添加任意数量的问题,这些问题可以是多选项或简单的。
      • @Jairo ,这里有什么有用的吗? bootstrapvalidator.com/examples/adding-dynamic-field
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-06-13
      • 1970-01-01
      • 1970-01-01
      • 2014-12-19
      相关资源
      最近更新 更多