JS return false 与 return true（解决表单重复提交的问题）

原创

千寻22 2022-09-09 06:35:56 ©著作权

文章标签 JS return false return true 表单提交表单 javascript 文章分类 前端开发

©著作权归作者所有：来自51CTO博客作者千寻22的原创作品，请联系作者获取转载授权，否则将追究法律责任

在大多数情况下,为事件处理函数返回false,可以防止默认事件的行为。

例如,默认情况下点击一个<a>元素,页面会跳转到该元素href属性指定的页。Return False 就相当于终止符，Return True 就相当于执行符。在js中return false的作用一般是用来取消默认动作的。比如你单击一个链接除了触发你的onclick事件（如果你指定的话）以外，还要触发一个默认事件就是执行页面的跳转。所以如果你想取消对象的默认动作就可以return false。

return false应用比较多的场合有：

<form name="form1"  onsubmIT="return youfunction();">...... </form>
<a href="www.***.com"  οnclick="...;return false;">dddd </a>  
<script type="text/javascript">
 function test(){
       alert("test");
       return false;
  }
 </script>
1， <a href="a.JSP" mce_href="a.JSP" οnclick='test();'>超级链接 </a>
2， <input type="button" οnclick='test()' value="提交">
3， <form name="form1"  onsubmIt="return test();">

最近做的项目，通过绑定在 button 的 onclick 事件的函数提交表单。发现 return false 也是很重要的。比如：<input type="submit" οnclick="submitAction(); return false;" />
submitAction 方法里面有提交表单的动作。如果不加 return false，在执行完 submitAction 之后，submit 按钮还会继续执行它的默认事件，就会再次提交表单。这可能就是很多错误的根源。

众所周知，在表单中加上οnsubmit="return false;"可以阻止表单提交。
下面是简单的一小段代码：

<form action="index.jsp" method="post" onsubmit="submitTest();">  
    <INPUT value="www">  
    <input type="submit" value="submit">  
</form>  
 
<SCRIPT LANGUAGE="JavaScript">  
    function  submitTest(){  
         // 一些逻辑判断  
        return false;  
    }  
</SCRIPT>