想要HTML表单提交什么也不做

我想要一个HTML表单提交后不做任何事情。

action="" 

是不好的,因为它导致页面重新加载。

基本上我想要一个ajax函数,每当一个button被按下,或者有人在input数据后点击“enter”。 是的,我可以删除窗体标签,并添加只是从button的onclick事件调用函数,但我也希望“击中进入”function,而不是所有的黑客。

7 Solutions collect form web for “想要HTML表单提交什么也不做”

通过使用return false; 在您从提交button调用的JavaScript中,您可以停止提交表单。

基本上,你需要下面的HTML:

 <form onsubmit="myFunction(); return false;"> <input type="submit" value="Submit"> </form> 

那么支持javascript:

 <script language="javascript"><!-- function myFunction() { //do stuff } //--></script> 

如果你愿意,你也可以有一定的条件允许脚本提交表单:

 <form onSubmit="return myFunction();"> <input type="submit" value="Submit"> </form> 

搭配:

 <script language="JavaScript"><!-- function myFunction() { //do stuff if (condition) return true; return false; } //--></script> 

它也起作用:

 <form id='my_form' action="javascript:myFunction(); return false;"> 

怎么样

 <form id="my_form" onsubmit="the_ajax_call_function(); return false;"> ...... </form> 

您可以使用以下HTML

 <form onSubmit="myFunction(); return false;"> <input type="submit" value="Submit"> </form> 

作为button的onclick事件的一部分返回false将停止表单提交。

即:

 function doFormStuff() { // ajax function body here return false; } 

只需点击提交button即可调用该function。 有很多不同的方法。

使用jquery。 也许把一个div从表单中放到你的元素上。 然后使用preventDefault(),然后进行你的ajax调用

 <form action='javascript:functionWithAjax("search");'> <input class="keyword" id="keyword" name="keyword" placeholder="input your keywords" type="search"> <i class="iconfont icon-icon" onclick="functionWithAjax("search");"></i> </form> <script type="text/javascript"> function functionWithAjax(type) { // ajax action return false; } </script> 
  • 如何将触发`onclick`事件的元素的id传递给事件处理函数
  • CSS背景不透明度
  • 什么是目前最好的方式来获得一个favicon在所有支持Favicons的浏览器中显示?
  • 当flexbox项目以列模式包装时,容器不会增加其宽度
  • Bootstrap Modals在closures之后不断添加填充
  • 使用mailto发送附件,html或jsf的电子邮件
  • 如何阅读使用JavaScript的发布请求参数
  • 将光标更改为手指指针
  • 在jQuery中检测输入变化?
  • 如何指定CSS类的顺序?
  • href重写ng-click在Angular.js中