Form表单中的onClick，onSubmit和submit

一个表单：

1 <form action="#" method="POST" name="A" onsubmit="return X();">
2 <input type="text" value="" />
3 <input onclick="Y()" type="submit" value="提交" />
4 </form>

自己写X()、Y()函数，我们会发现，这几个函数的执行顺序

1) onclick: Y();

2) onsubmit: X();

3) submit();

也就是说

只要 onclick 未 return false 那么就继续执行 onsubmit

只要 onsubmit 未return false 那么表单就被提交出去了

另外一点写法上注意一定要 “return X();” 才能取得函数的返回值，否则只是调用函数，返回值未被传递

正确写法： <input type=submit onclick=”return X();”> //X() 返回false后，form的submit会被终止

错误写法: <input type=submit onclick=”X()”> //X() 返回false后未传递给onclick事件，form的submit会继续

附上JS event的触发事件表：