關閉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");

    });