Question

我的取消提交代码存在问题。我已经使用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()">

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

enter image description here

请注意，点击向左移动按钮后会加载徽标？看看带箭头的红线..

所以我尝试使用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＃

忽略屏幕截图中的总数据^ _ ^我没有点击保存为什么它还没有更新...

Answer 1

检查此示例..在onclick中指定事件onclick =＆＃34; mySubmitFunction（事件）＆＃34;

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

Answer 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");
});

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

取消提交代码不起作用

2 个答案: