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

Reset validation messages after close Bootstrap modal

本文关键字：验证 消息 Bootstrap 模式 关闭      更新时间：2023-09-26

我有一个模态与我的输入，我使用jQuery。在提交时验证我的表单，我的问题是当我关闭模态然后再次打开模态时验证的消息仍然在那里，我的问题是，我如何在关闭模态时重置或隐藏这些消息?

我试过了，但不工作

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

我该如何解决这个问题?

你可以一起使用jQuery和jQuery验证的resetForm():

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

而不是使用reset()，尝试使用jQuery验证的resetForm():

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

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

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

   $('#uploadModal').on('hidden.bs.modal', function () 
    {
     $("#uploadErrorMessages").css("display", "none");
    });
相关文章：