Question

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

我试过这个，但没有工作

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

我该如何解决这个问题？

Here is a sample代码可以使用。

Answer 1

您可以一起使用jQuery和jQuery Validate＆＃39; s resetForm()：

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

Answer 2

尝试使用jQuery Validate＆＃39; s reset()而不是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，那么也可以尝试一下，其中uploadModal是Modal弹出ID，uploadErrorMessages是验证消息div ID。

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

    });

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

4 个答案: