Javascript警告框不必要地提交表单

Javascript alert box unnecessarily submits form

本文关键字：提交 表单 不必要 警告 Javascript      更新时间：2023-09-26

我有一个简单的javascript方法来显示一个警告框。当单击按钮(在表单标记之间)时调用该方法。警报应该只是显示一个帮助对话框，但是当用户按下警报框上的"ok"按钮时，它提交了表单!我不知道如何防止这种情况发生。我试过改变按钮的制作方式和提醒方法，但似乎没有什么不同。下面是我的代码:

<script type="text/javascript">
function help(){      
    alert("Displaying help...");
}
</script>
下面是我创建按钮的方法。我也试着用按钮标签创建按钮，但同样的问题发生了。 
<form action="./go.php" method="post">
<input type="image" src="./help.png" name="help" width="25" height="25" onclick="help()">
.
.
.
</form>

任何关于如何防止警报框提交表单的帮助是非常感激的。提前感谢!

解决这个问题的最好方法是使用常规的<img>标签

<img src="./help.png" name="help" width="25" height="25" onclick="help()" />

但是从你的代码返回false可能也会工作

function help(){      
    alert("Displaying help...");
    return false;
}

在函数中添加return false;:

<script type="text/javascript">
function help(){      
    alert("Displaying help...");
    return false;
}
</script>
相关文章：