关闭Bootstrap模式后重置验证消息

Question

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

我试过这个但是没有用

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

我怎么解决这个问题？

这是一个可以使用的示例代码。

Answer 1

你可以一起使用jQuery和jQuery Validate的resetForm() ：

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

Answer 2

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

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

Answer 3

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

Answer 4

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

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

    });