Question

我正在进行模态弹出并进行一些验证，当我点击按钮时，它会打开带有两个文本框的模态，当我输入值时，我会进行一些验证，如果条目无效，则放置一些文本，现在当我关闭模态并再次打开它时，我看到了错误。

我想在关闭后或每次打开它时刷新模态，不知道这里有什么问题吗？

我尝试过以下操作并且无法正常工作...我可以看到警报，但模态没有刷新。

function close() {
    alert("test");
    //$("#MYModal").removeData('bs.modal').empty();
    //$(document.body).removeClass('modal-open');
    $("#MYModal").removeData();
}

Threre建议使用以下

$(document).on('hidden.bs.modal', function (e) {
    $(e.target).removeData('bs.modal').html('');
});

但问题是我关闭模态后它不会打开...

Answer 1

removeData方法删除附加到元素的数据。你想要做的只是在模态中找到输入并设置为空字符串的值。

$(document).on('hidden.bs.modal', function () {
    $(this).find('input').val('');
});

DEMO

Answer 2

弹出窗口时重置表单数据

$('#myModal').on('shown.bs.modal', function (e) {
  $('#form_id')[0].reset();
})

模态弹出窗口关闭，再次打开时不刷新

2 个答案:

DEMO