Javascript 使用动态添加的表单（而不是字段）进行BootstrapValidator验证

我正在开发一个用户可以编辑/删除或添加地址的页面。对于表单验证，我使用BootstrapValidatior，表单通过ajax调用保存，如果保存了数据，则会向DOM添加另一个表单。除了在DOM中使用新添加的表单（例如，如果我添加了一个地址，然后我想编辑表单，但表单没有验证）之外，其他一切都正常工作

我知道这叫做事件委派，我知道处理这种情况的正确方法是触发事件，如：

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

---

但是我不知道如何使用BootstrapValidator来实现这一点。

您可以在ajax调用的回调中添加引导验证逻辑，该调用将地址表单添加到DOM中

例如

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