在Bootstrap远程模式窗体中启用验证

Question

如何在包含表单的Bootstrap“远程”模式上进行验证？

jQuery验证不会自动应用于“远程”Bootstrap模式中加载的表单。

Answer 1

由于DOM中不存在表单，我们需要让验证程序重新分析新添加的内容。幸运的是，Bootstrap有一个事件在显示模态后触发。

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

注意使用＆＃34;显示＆＃34; 而不是＆＃34;显示＆＃34;为事件名称。

您可能希望通过向模态div添加类来限制对远程模态的调用，例如＆＃34; remote-modal-form＆＃34;如果你在页面上混合了本地和远程模态。

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