表单被关闭,因为 MessageBox 在同一域中不能存在两个实例。因此,在打开一个表单后,需要确保之前的所有表单都被关闭。如果需要,可以使用 JavaScript 来实现这个功能。
在表单中,可以使用以下代码来关闭另一个表单:
// 获取所有的表单元素
const forms = document.querySelectorAll('.form');
// 遍历每个表单元素,并关闭相应的表单
forms.forEach((form) => {
form.addEventListener('submit', (event) => {
event.preventDefault();
form.reset();
form.style.display = 'none';
});
});
上述代码通过获取所有的表单元素,然后遍历每个表单元素,并关闭相应的表单。具体来说,它通过 addEventListener
方法来监听每个表单的提交事件,并使用 preventDefault
方法来防止表单默认提交,然后使用 reset
方法来清除表单内容,最后使用 style.display = 'none'
来将表单隐藏。
需要注意的是,上述代码中的 forms
数组中的元素需要使用类名 .form
来选择,否则可能会导致元素选择错误。此外,由于表单提交事件可能会导致多次提交,因此需要使用 event.preventDefault()
方法来防止多次提交,否则可能会导致页面混乱。
领取专属 10元无门槛券
手把手带您无忧上云