使用動態添加表單的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