javascript - HTML 表单 onclick 调用 javascript 函数，然后调用默认表单操作

Question

我有一个 ASP 页。

在那我有表单元素与指定的动作

现在在这种形式中，我有一个元素，我在单击一个按钮时调用 JS func。

它正在调用 javascript 函数，然后调用默认表单操作。

为什么会这样？

我怎样才能只执行功能..？

代码：

<FORM METHOD="post" action="Update.asp" id=form name=form1 >

    <td align=center width=10%><INPUT id=button1 type=submit ONCLICK="Gs_test()" 
onmouseover="style.backgroundColor='blue'" onmouseout="style.backgroundColor='blue'" value=ABC name=submit1 
style="width: 80%; height: 20px;background:blue; color:white; font-family:serif; font-size=medium; border-
color:black; border-width:1px"  ></td>

<SCRIPT LANGUAGE="javascript">

function Gs_test()

{

alert("GSS");

}

</script>

'

Answer 1

更改type="submit"为type="button"。阅读<input>MDN 上的参考资料。

为了大家的利益，在你的 HTML 中保持一致......不要混合大写，小写，"以及属性等周围的任何东西......另外，不要将 CSS 和 Javascript 混合到你的 HTML 中，将它们放入不同的文件中. 以后你会感激你所做的。

Answer 2

您的gs_test()函数需要返回 false 并且您需要像这样调用它：

onclick="return gs_test()"