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

在大多数情况下,为事件处理函数返回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> 
大家判断像上面的写法，点击submit按钮该表单是否提交？
若答案为是（正确），就不用往下看了。
若答案为否（错误），就错了。

实际情况是表单正常提交，若想它不提交，应该将

view plaincopy to clipboardprint?

<form action="index.jsp" method="post" οnsubmit="submitTest();">

改为

view plaincopy to clipboardprint?

<form action="index.jsp" method="post" οnsubmit="return submitTest();">

原来onsubmit属性就像是<form>这个html对象的一个方法名，其值（一字符串）就是其方法体，默认返回true；