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

我有一个带有验证的模态弹出窗口，当我点击按钮时，它会打开带有两个文本框的模态，当我输入值时，我会进行一些验证，以防输入无效，现在当我关闭模态并再次打开它时，我会看到错误

我想在关闭后或每次打开时刷新模式，知道这里出了什么问题吗

我尝试了以下操作，但它不起作用…我可以看到警报，但模式没有刷新

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

有人建议使用以下方法：

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

---

但问题是，在我关闭模式后，它没有打开…

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

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

---

弹出窗口打开时重置表单数据

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

---

谢谢，但我尝试过了，当我再次打开模式时，没有发生任何事情，错误和显示字段值…，还有其他想法吗？对不起，我在引号中有这个。。。但我也喜欢@ashumehta的建议。如果在这些输入周围有一个表单元素，那么可以使用表单重置方法。