无论在提交按钮,即<input type="submit" onclick="return 函数名()">,
或者在form表单上,即<form onsubmite-"return 函数名()">
都能够,验证表单,然后提交
需要注意的事项有
1.
<form>中的name属性,最好制定一下,
否则无法使用document.ID号定制,
但是可以使用document.getElementById(string id)获取对象,
建议同时设置id与name为相同的名称
2.
调用的时候,建议使用return 函数名()这样的方法,否则可能无效
P.S. 我使用了像<input type="submit" onclick="return false">
结果证实函数得到了运行,但是拦截表单提交失败
3.
验证函数中,建议明确返回bool值
4.
设置的函数名不要和JS的内置函数重名,否则会导致整个函数失效
P.S. 我就犯了这个错误,我定义了一个submit()函数
5. *****
即使设置了<form onsubmit="return false;">,或者等价的表达式
但是如果调用form.submit()函数,表单仍然会得到提交
换句话说,form.submit()具有强制提交表单的功能
6.
如果在JS中更改了form.action的值,则提交目标以JS设置的为标准
因为JS的设置永远发生在HTML设置之后 即使是使用
<form onsubmit="this.action='test.html'" action="orin.html">
这样的表示法
7.实验发现无论是form的onsubmit还是submit按钮的onclick
都不能丢掉"return",否则无论返回的值ture or false,表单数据都会提交出去