当我从onsubmit返回false时,为什么我的HTML表单仍然会提交？
当您在表单的onsubmit事件中返回false时，表单仍然可能会提交。这是因为在某些浏览器中，返回false可能不会阻止表单的默认提交行为。为了确保表单不会提交，您可以尝试以下方法：
- 使用
event.preventDefault()：
在onsubmit事件处理程序中，使用event.preventDefault()来阻止表单的默认提交行为。例如：
<form onsubmit="handleSubmit(event)">
<!-- 表单内容 -->
<button type="submit">提交</button>
</form><script>
function handleSubmit(event) {
event.preventDefault();
// 您的其他验证和处理逻辑
}
</script>- 使用
addEventListener：
使用addEventListener为表单添加submit事件处理程序，并在处理程序中使用event.preventDefault()来阻止表单的默认提交行为。例如：
<form id="myForm">
<!-- 表单内容 -->
<button type="submit">提交</button>
</form><script>
const form = document.getElementById('myForm');
form.addEventListener('submit', (event) => {
event.preventDefault();
// 您的其他验证和处理逻辑
});
</script>这样，无论在哪个浏览器中，您的表单都不会提交。
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
