button的onclick事件如果未返回false, 在firefox和chrome事件会继续, 去执行form的submit, 从而导致页面整个转向.

提醒自己一句

一、第一点

button的onclick事件如果未返回false, 在firefox和chrome事件会继续, 去执行form的submit, 从而导致页面整个转向。

form表单中的button标签 等价于 <input type = "submit" />

二、第二点

onsubmit只能表单上使用,提交表单前会触发, onclick是按钮等控件使用, 用来触发点击事件。

在提交表单前，一般都会进行数据验证，可以选择在submit按钮上的onclick中验证,也可以在onsubmit中验证。

但是onclick比onsubmit更早的被触发。

　　提交过程

1、用户点击按钮 —->

2、触发onclick事件 —->

3、onclick返回true或未处理onclick，则继续过程；返回fasle，则终止过程 —->

4、触发onsubmit事件 —->

5、onsubmit未处理或返回true，则继续过程；返回fasle，则终止过程 ——>

6、提交表单.

 onsubmit处理函数返回false，onclick函数返回false，都不会引起表单提交。

返回true，就继续顺序执行。

第三、使用button提交时的标准的方式:

<button  οnclick="btnSubmitForm(this);return false;"/>

校验写在btnSubmitForm方法里

.