以Bootstrap遠程模式形式啓用驗證

Question

如何驗證在包含表單的Bootstrap「remote」模式上工作？

jQuery驗證不會自動應用於以「遠程」Bootstrap模式加載的窗體。

Answer 1

由於表單不存在於DOM中，我們需要讓驗證器重新解析新添加的內容。幸運的是，Bootstrap有一個事件在顯示模態後觸發。

$(document).on("shown.bs.modal", function (e) { 
    $.validator.unobtrusive.parse(document); 
}); 

注意使用「顯示」，而不是「作秀」的事件名稱。

如果您在頁面上混合使用本地和遠程模式，您可能希望通過向類似「remote-modal-form」的模態div中添加一個類來僅限於遠程模式的調用。

$(".remote-modal-form").on("shown.bs.modal", function (e) { 
    $.validator.unobtrusive.parse($(".remote-modal-form")); 
});