Form标签的onsubmit事件属性
onsubmit 属性在提交表单时触发。
onsubmit 属性只在 <form> 中使⽤。
如何防⽌表单⾃动提交？
<form name="form1" onsubmit="return check()" method="post" action="arch_result.php">
我先说下onsubmit="return check()"这个是⼲什么⽤的，⾸先是在form标签中有⼀个onsubmit的属性，他有两个值分别是true和fal，如果true，这个⽹页就跳转到action属性的arch_result.php页⾯，否则不跳转。
也就是 onsubmit的值可以决定action属性是否触发。
form表单另外⼀个事件—onclick
<form name="form1" onclick="return check();" method="post" action="arch_result.php">
js⽅法：
function check(){
//判断。。
return fal：
}
onclick 和 onsubmit 的区别：
onSubmit 是表单上（也只能是表单）⽤的，提交表单前会触发。
onClick 是按钮等控件上⽤的,⽤来触发点击事件。
蚁群算法⽤作数据验证的时候，可以选择在 submit 按钮上的 onclick 中验证，可以在 onsubmit 中验证。但是从事件触发顺序上来说，onclick更早。顺序是：
⽤户点击按钮 -> onclick -> 如果onclick返回有效或未处理 onclick 则提交表单 -> onsubmit -> 如果 onsubmit 未处理或返回true，则提交，否则取消提交。
onsubmit 中返回 fal 会引起取消表单提交，onclick 中返回 fal 则会引起此次点击操作被判断为⽆
效，则也就不会引起表单提交。
为什么要使⽤return函数？
表单1：
<form name="form1" onsubmit="return check();" method="post" action="arch_result.php">
表单2：
<form name="form2" onsubmit="check()" method="post" action="arch_result.php">港澳珠大桥
js⽅法：
function check(){
//判断。。
return fal：
}
—
——————————————————————-
上⾯两个表单的check⽅法返回的是fal，那么那个表单可以阻⽌form表单action的⾃动提交呢？
事实上：只有表单1可以在Ie和⽕狐下，做到form表单⾃⾝的提交
表单2可以在IE下阻⽌form表单⾃动提交，但是在⽕狐下不能阻⽌from表单的⾃动提交。
原因：请看ECMAScript Language Binding，其中明确地写着，event listener没有返回值。其实⼀切的根本都因为IE不⽀持DOM Level 2，也就是IE和⽕狐的不兼容，导致的check不能阻⽌表单提交。
我们可以这样理解：check的返回值是fal，那么return check()==return fal就是阻⽌默认事件（也就是onsubmit事件）。⽽如果只是check()=fal也就是，⽽这个fal只是在check⾥⾯中断对下⾯的js执⾏，⽽不是对这个表单的默认事件进⾏阻⽌。
return的作⽤
在⼤多数情况下，为事件处理函数返回fal，可以防⽌默认的事件⾏为
Return True 就相当于执⾏符
以前在项⽬中为⼀个表单（from）编写onsubmit()脚本的时候，经常需要验证表单中数据的合法性，所以常会写道：<form
品牌水管
action="/admin/addUr.do" method="post" onsubmit="validateForm();">，试图在validateForm()中return fal来阻⽌表单的提交。实际上的效果是即使return fal 表单还是会提交。后来发现 onsubmit="return validateForm()"就没有问题了，当时也没有多想就继续做其它事情了。
直到今天看到⼀篇⽂章作了清楚的解释：
众所周知，在表单中加上onsubmit="return fal;"可以阻⽌表单提交。
下⾯是简单的⼀⼩段代码：
java代码:
<form action="index.jsp" method="post" onsubmit="submitTest();">
<INPUT value="www">
<input type="submit" value="submit">
</form>
<SCRIPT LANGUAGE="JavaScript">
<!--
function submitTest() {
// ⼀些逻辑判断
return fal;
}
//-->侧气囊
</SCRIPT>
⼤家判断像上⾯的写法，点击submit按钮该表单是否提交？
若答案为是，就不⽤往下看了。
若答案为否，错了。实际情况是表单正常提交，若想它不提交，应该将
java代码:
教师个人规划<form action="index.jsp" method="post" onsubmit="submitTest();">
改为
java代码:
<form action="index.jsp" method="post" onsubmit="return submitTest();">
为何？
原来onsubmit属性就像是<form>这个html对象的⼀个⽅法名，其值（⼀字符串）就是其⽅法体，默认返回true；和Java⼀样，在该⽅法体中你可以写任意多个语句，包括内置函数和⾃定义函数，如
java代码:
onsubmit="
alert('haha'); // 内置函数宽带密码怎么改
submitTest(); // ⾃定义函数
alert(this.tagName); // ⽤到了this关键词
......(任意多条语句)
return fal;
"小学一年级数学试题
就相当于
java代码:
submit = function() {
alert('haha'); // 内置函数
submitTest(); // ⾃定义函数
alert(this.tagName); // ⽤到了this关键词
......(任意多条语句)
return fal;
};
这样的话你就覆写了(override)其默认⽅法（默认返回true）
⼤家注意到⽅法体中可以⽤this这个关键词，这⾥即代表了<form>的对象实例。
经过这样的分析后，以上情况就不难理解了：
java代码:
<form action="index.jsp" method="post" onsubmit="submitTest();">
这样写，override⽅法的效果为：
java代码:
submit = function() {
submitTest();
};
在这⾥submitTest()虽然返回fal，但我们只执⾏了此函数，没有对其结果进⾏任何处理。⽽
java代码:
<form action="index.jsp" method="post" onsubmit="return submitTest();">
override⽅法的效果为：
java代码:
submit = function() {
return submitTest();
};
这样，我们利⽤到了它的返回值，达到了预期效果。
这样理解的话我想印象会深刻得多，就不易出错了
竞争的英语
结论：
我们可以⽤Java⾥的思维⽅式来思考模拟JavaScript中的类似情况（JavaScript中基于prototype的⾯向对象技术也确实是这样做的），但他们毕竟还是有本质上的区别，如Java是强类型的，有严格的语法限制，⽽JavaScript是松散型的。象上述⽅法：
java代码:
submit = function() {
};
既可以有返回值，⼜可以没有返回值，在Java⾥是通不过的，毕竟Java⾥⾯不能靠⽅法的返回值不同来重载(overload)⽅法，⽽JavaScript 中的重载要松散得多。
