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

时间:2011-12-26 02:44:09

标签: javascript html

我有一个简单的javascript方法来显示警告框。单击按钮时(在表单标记之间)调用该方法。警报应该只显示一个帮助对话框,但当用户按下警告框上的“确定”按钮时,它会提交表单!我无法弄清楚如何防止这种情况。我已经尝试改变我按钮和警报方法的方式,但似乎没有任何区别。这是我的代码:

<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>

非常感谢有关如何阻止提醒框提交表单的任何帮助。在此先感谢!

2 个答案:

答案 0 :(得分:3)

在您的函数中添加return false;

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

答案 1 :(得分:3)

解决此问题的最佳方法是使用常规<img>代码

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

但是从代码中返回false也可能会起作用

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