onsubmit事件 原来是这么回事

今天做一个表单提交验证的工作，做到其中一段时，我想提交表单时，先验证是否填写了姓名，如果没填写，右侧显示出提示信息，并取消提交，如果已填写，则正常提交。

初步想法，想自己写个js函数，在提交按钮处用onclick事件，判断填写了则用js提交表单，没填写则蹦出提示信息，但基本上实现了半天，达不到我想要的结果，最后才发现原来有onsubmit这个属性，它写在 form 标签里。

现在说说onclick和onsubmit的区别：

onSubmit是表单上(也只能是表单)用的,提交表单前会触发
onClick是按钮等控件上用的,用来触发点击事件.

用作数据验证的时候,可以选择在submit按钮上的onclick中验证,可以在onsubmit中验证.但是从事件触发顺序上来

说,onclick更早.顺序是:

用户点击按钮->onclick->如果onclick返回有效或未处理onclick则提交表单->onsubmit->如果onsubmit未处理或

返回true,则提交,否则取消提交.
onsubmit中返回false会引起取消表单提交;onclick中返回false则会引起此次点击操作被判断为无效,则也就不会引起

表单提交.