html 表单内按钮结果显示不稳定[重复]

dly7yett  于 11个月前  发布在  其他
关注(0)|答案(1)|浏览(69)

此问题已在此处有答案

Disable form auto submit on button click(6个答案)
5天前关闭。
为什么表单中唯一的一个按钮会显示来自JavaScript函数的稳定消息?

function myFunction() {
  document.getElementById("demo").innerHTML = "Hello Dear Visitor!";
}

个字符

mzsu5hc0

mzsu5hc01#

单击按钮将使表单提交并导航到新页面,这将使显示的消息在页面刷新或导航离开之前仅显示一小段时间。因此,您可能无法始终看到消息。
若要阻止表单提交并保留邮件,您需要阻止默认的表单提交行为。您可以通过在myFunction()函数的末尾添加return false;或使用event.preventDefault()来完成此操作。

Demo:

function myFunction(event) {
  document.getElementById("demo").innerHTML = "Hello Dear Visitor!";
  event.preventDefault();
}

个字符

相关问题