关闭引导模式后重置验证消息答案

【问题标题】：Reset validation messages after close Bootstrap modal关闭引导模式后重置验证消息
【发布时间】：2016-10-03 18:16:23
【问题描述】：

我的输入有一个模态，我使用jQuery.Validate 在提交时验证我的表单，我的问题是当我关闭模态然后我再次打开模态时，来自验证的消息仍然存在，所以我的问题是，当我关闭模式时如何重置或隐藏这些消息？

我试过了，但是不行

$('#myModal').on('hidden.bs.modal', function () {
    window.alertas.reset();
 });

我该如何解决这个问题？

Here is a sample 代码。

【问题讨论】：

标签： javascript jquery twitter-bootstrap validation

【解决方案1】：

你可以同时使用 jQuery 和 jQuery Validate 的resetForm():

$('#myModal').on('hidden.bs.modal', function() {
    var $alertas = $('#alertas');
    $alertas.validate().resetForm();
    $alertas.find('.error').removeClass('error');
});

【讨论】：

【解决方案2】：

不要使用reset()，而是尝试使用jQuery Validate 的resetForm()：

$('#myModal').on('hidden.bs.modal', function () {
    $("#alertas").validate().resetForm();
});

【讨论】：

工作正常只是一个小问题，如果你再次检查我的代码示例链接并探测它，工作正常但是当我尝试再次打开模式时，所有选择输入都具有来自 .error 类的红色
这帮助我解决了我的问题，但是需要注意的是上面的内容取决于你是否有 bootstrap.min.js - 我搜索了 5 个小时然后想等一下我没有这个文件！添加为 cdn 并发挥了作用

【解决方案3】：

var validator = $("#myModal").validate();
$('#myModal').on('shown.bs.modal', function (){
   validator.resetForm();
});

【讨论】：

【解决方案4】：

如果你能找到有验证消息的 div，那么你也可以试试这个，uploadModal 是 Modal popup id，uploadErrorMessages 是验证消息 div id。

   $('#uploadModal').on('hidden.bs.modal', function () 
    {
     $("#uploadErrorMessages").css("display", "none");

    });

【讨论】：