JS：如何隐藏 bootstrap 模态以使输入数据不持久？

Question

我在我的应用程序中包含一个模态，在结帐过程中，我 show 模态。如果交易失败，我会使用 $('#my-modal').modal('hide') 隐藏模式，但我的问题是，当用户再次进入结帐流程并显示模式时，它仍然具有之前存在的数据。是否可以销毁实例以使数据不会持久化？

Answer 1

我只是将 id 字段的内部 HTML 重置为空。

编辑：代码如下 document.getElementById("field").innerHTML = "";

编辑 2：已经有一个 Bootstrap 事件在隐藏时被调用

 $('#MyModal').on('hidden.bs.modal', function () {
     $(this).find('form').trigger('reset');
 })

如果您在相关模式中有表单，将重置所有字段。

Answer 2

您可以尝试制作一个函数来清理模态的输入并在模态关闭后在此处调用该函数：

$('#myModal').on('hidden.bs.modal', function (e) {
  // your function to clean modal's inputs...
})

JS: How to hide a bootstrap modal so that the input data doesn't persist?