form表单提交方式总结一下:

一、利用submit按钮实现提交,当点击submit按钮时,触发onclick事件,由JavaScript里函数判断输入内容是否为空,如果为空,返回false, 不提交,如果不为空,提交到由action指定的地址。

<scripttype="text/javascript">functioncheck(form){if(form.userId.value==''){alert("请输入用户帐号!");form.userId.focus();returnfalse;}if(form.password.value==''){alert("请输入登录密码!");form.password.focus();returnfalse;}returntrue;}</script><formaction="login.do?act=login"method="post">用户帐号<inputtype=textname="userId"size="18"value=""><br>登录密码<inputtype="password"name="password"size="19"value=""/><inputtype=submitname="submit1"value="登陆"onclick="returncheck(this.form)"></form>

二、利用button按钮实现提交,当点击button按钮时,触发onclick事件,由JavaScript里函数判断输入内容是否为空,如果为空,返回false, 不提交,如果不为空,提交到由action指定的地址,由于button按钮不具备自动提交的功能,所以由JavaScript实现提交。

<scripttype="text/javascript">functioncheck(form){if(form.userId.value==''){alert("请输入用户帐号!");form.userId.focus();returnfalse;}if(form.password.value==''){alert("请输入登录密码!");form.password.focus();returnfalse;}document.myform.submit();}</script><formaction="login.do?act=login"name="myform"method="post">用户帐号<inputtype=textname="userId"size="18"value=""><br>登录密码<inputtype="password"name="password"size="19"value=""/><inputtype=buttonname="submit1"value="登陆"onclick="check(this.form)"></form>

三、利用submit按钮实现提交,当点击submit按钮时,先触发onsubmit事件,由JavaScript里函数判断输入内容是否为空,如果为空,返回false, 不提交,如果不为空,提交到由action指定的地址。

<scripttype="text/javascript">functioncheck(form){if(form.userId.value==''){alert("请输入用户帐号!");form.userId.focus();returnfalse;}if(form.password.value==''){alert("请输入登录密码!");form.password.focus();returnfalse;}returntrue;}</script><formaction="login.do?act=login"method="post"onsubmit="returncheck(this)">用户帐号<inputtype=textname="userId"size="18"value=""><br>登录密码<inputtype="password"name="password"size="19"value=""/><inputtype=submitname="submit1"value="登陆"></form>