取消提交代码不起作用答案

【问题标题】：cancel Submit code not working取消提交代码不起作用
【发布时间】：2015-03-20 03:36:31
【问题描述】：

我的取消提交代码有问题。我已使用 javascript 代码取消/停止页面上的提交功能，但无法正常工作。

它在某些时候有效，但还不够。我正在寻找解决这个问题的方法，请尝试帮助我。

这是我停止提交功能的代码..

 <script language="JavaScript">
 function mySubmit(evt)
 { 
   evt.preventDefault(); 
   try
   {
    someBug();
   }
   catch (e)
   {
    throw new Error(e.message);
   }
  return false;
  }
 }
</script>

在形式上

<form id="form1" runat="server" onsubmit="return mySubmitFunction()">

起初它似乎工作正常，因为我的页面在单击按钮后没有闪烁或刷新，但突然我注意到页面仍在刷新但它不闪烁..看看这个截图

注意到单击左移按钮后徽标正在加载？看带箭头的红线..

所以我尝试使用 onclientclick 函数并将 return mySubmitFunction 放入其中但结果相同

这里是代码

<asp:Button ID="Button2" runat="server" Text="&gt;&gt;&gt;" 
                    CssClass="button button-primary" 
onclick="Button2_Click" onclientclick="return mySubmitFunction()" />

希望你能帮我解决这个问题谢谢我是 javascript 的新手 ^_^

我正在使用 ASP.NET C#

忽略截图中的总数据^_^我没有点击保存所以它还没有更新..

【问题讨论】：

你的javascript中没有mySubmitFunction
虽然 mySubmitFunction 是一样的 ^_^，但可以理解为我正在调用 mySubmit(evt)

标签： javascript c# jquery html asp.net

【解决方案1】：

在 onclick onclick="mySubmitFunction(event)" 中检查这个 Example..specify 事件

<!DOCTYPE html>
<html>
<body>

<a id="myAnchor" onclick="mySubmitFunction(event)" href="http://w3schools.com/">Go to W3Schools.com</a>

<p>The preventDefault() method will prevent the link above from following the URL.</p>

<script>
/*document.getElementById("myAnchor").addEventListener("click", function(event){
    event.preventDefault()
});*/
function mySubmitFunction(event){
alert(event)
event.preventDefault();
}
</script>

</body>
</html>

【讨论】：

还是一样的输出 vinay 谢谢你的尝试^_^

【解决方案2】：

我看到在你说你使用jquery的标签中，这可以用jquery而不是纯javascript轻松完成，你有一个例子。 http://codepen.io/xploshioOn/pen/ogJWKp

html

<form id="form1">
  <input type="text">
  <input type="submit">
</form>

jquery

$('#form1').submit(function(e){
    e.preventDefault();
    alert("asd");
});

警报只是为了确保函数正在执行......

【讨论】：