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

Question

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

我试过了，但是不行

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

我该如何解决这个问题？

Here is a sample可以玩的代码。

Answer 1

您可以一起使用 jQuery 和 jQuery Validate 的 resetForm():

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