当您在表单的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>
这样,无论在哪个浏览器中,您的表单都不会提交。
领取专属 10元无门槛券
手把手带您无忧上云