表单提交onclick和onsubmit

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

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

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

  提交过程

1、用户点击按钮 ---->

2、触发onclick事件  ----> 

3、onclick返回true或未处理onclick ----> 

4、触发onsubmit事件  ----> 

5、onsubmit未处理或返回true  ------> 

6、提交表单.

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

第一种:onsubmit



用户:
标题:
内容:

 

第二种:onclick



用户:
标题:
内容:

 

 

你可能感兴趣的:(表单提交onclick和onsubmit)