form的submit与onsubmit的用法与区别

1. 1.阻止表单提单：  
2. <script>  
3. function submitFun(){  
4.     //逻辑判断  
5.     return true; //允许表单提交  
6.     //逻辑判断  
7.     return false;//不允许表单提交  
8. }  
9. </script>  
10. <form οnsubmit="return submitFun();"> //注意此处不能写成 οnsubmit="submitFun();"否则将表单总是提交  
11. </form>  
12.   
13. 2.onsubmit()与submit() ：  
14. <script>  
15. function fun()  
16. {  
17.    alert("form_submit");  
18. }  
19. </script>  
20.   
21. <form οnsubmit="fun()">  
22. <input type="submit" id="aaa" value="submit">   <!--能弹出form_submit-->  
23. <input type="button" id="bbb" value="onCliCk_submit" onCliCk="doCument.forms[0].submit()">  
24. <!--  
25. 表单会提交，但是不会运行fun() 原因是 onsubmit事件不能通过此种方式触发（在IE环境）  
26. 直接用脚本doCumetn.formName.submit()提交表单是不会触发表单的onsubmit()事件的  
27. -->  
28.     <input type="button" id="bb1" value="onCliCk_onsubmit" onCliCk="doCument.forms[0].onsubmit()">  
29.   
30. <!--会触发fun()参数-->  

1. </form>