javascript - 使用动态添加的表单(不是字段!)进行 BootstrapValidator 验证

Question

我正在开发一个用户可以编辑/删除或添加地址的页面。对于表单验证，我使用 BootstrapValidatior 并通过 ajax 调用保存表单，如果保存数据，则将另一个表单添加到 DOM 中。一切正常，除非我正在使用新添加到 DOM 的表单(例如，如果我添加了一个地址，然后我想编辑该表单，但该表单不会验证)。

我知道这件事称为事件委托(delegate)，并且我知道处理这种情况的正确方法是触发事件，例如:

$(document).on('click', '.deleteAddress', function () {});

但我不知道如何使用 BootstrapValidator 来做到这一点。

Answer 1

您可以在将地址表单添加到 DOM 的 ajax 调用的回调中添加 Bootstrap 验证逻辑。

例如

$(function() {
    $("#addFormButton").click(function() {
      $.getJSON("/dynamicform", function (data) {
          // Append form to the DOM
          $("#formDiv").append(data.dynamicForm);
          // Call Bootstrap Validator
          $("#formDiv form").bootstrapValidator();
      });
    });
});

Plnkr example here