Question

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

我知道这个事情被称为事件委托，我知道处理这种情况的正确方法是触发事件，如：

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

但我不知道如何使用BootstrapValidator执行此操作。

Answer 1

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

E.g。

$(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

使用动态添加的表单（不是字段！）的BootstrapValidator验证

1 个答案: