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

【问题标题】：HTML Form onclick calling javascript function and later calling the default form actionHTML 表单 onclick 调用 javascript 函数，然后调用默认表单操作
【发布时间】：2013-05-08 23:01:05
【问题描述】：

我有一个 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>

【问题讨论】：

标签： javascript html asp-classic

【解决方案1】：

将type="submit" 更改为type="button"。阅读<input> reference on MDN。

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

【讨论】：

thnx 成功了。感谢您的建议...我知道 JS、CSS 和 HTML 的含义，但我上面复制的代码非常旧（2000 年）...所以它nt 格式是否正确...
@Codelearner 如果您对我的回答满意，可以在左侧打勾接受。

【解决方案2】：

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

onclick="return gs_test()"

【讨论】：