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

Question

我正在处理用户可以编辑/删除或添加地址的页面。对于表单验证，我使用BootstrapValidatior，并通过ajax调用保存表单，并且如果数据已保存，则将其他表单添加到DOM。除非我正在使用新添加的表单到DOM（例如，如果我添加了一个地址，之后我想编辑该表单不验证），否则一切正常。

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

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

但我不知道如何与BootstrapValidator做到这一点。

Answer 1

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

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