HTMLform 表单提交⽅法案例详解
form 表单提交⽅式总结⼀下:
⼀、利⽤submit 按钮实现提交,当点击submit 按钮时,触发onclick 事件,由JavaScript ⾥函数判断输⼊内容是否为空,如果为空,返回false, 不提交,如果不为空,提交到由action 指定的地址。
1
2345678910111213141516171819
<script type="text/javascript"> function check(form) { if(form.userId.value=='') {
alert("请输⼊⽤户帐号!");
form.userId.focus();
return false; } if(form.password.value==''){ alert("请输⼊登录密码!");
form.password.focus();
return false; } return true; }
</script>
<form action="login.do?act=login" method="post">
⽤户帐号<input type=text name="userId" size="18" value="" ><br>
登录密码<input type="password" name="password" size="19" value=""/>
<input type=submit name="submit1" value="登陆" onclick="return check(this.form)">
</form>
⼆、利⽤button 按钮实现提交,当点击button 按钮时,触发onclick 事件,由JavaScript ⾥函数判断输⼊内容是否为空,如果为空,返回false, 不提交,如果不为空,提交到由action 指定的地址,由于button 按钮不具备⾃动提交的功能,所以由JavaScript 实现提交。
1
2345678910111213141516171819
<script type="text/javascript"> function check(form) { if(form.userId.value=='') {
alert("请输⼊⽤户帐号!");
form.userId.focus();
return false; } if(form.password.value==''){ alert("请输⼊登录密码!");
html中提交表单用什么属性form.password.focus();
return false; } form.submit(); }
</script>
<form action="login.do?act=login" name="myform" method="post">
⽤户帐号<input type=text name="userId" size="18" value="" ><br>
登录密码<input type="password" name="password" size="19" value=""/>
<input type=button name="submit1" value="登陆" onclick="check(this.form)">
</form>三、利⽤submit 按钮实现提交,当点击submit 按钮时,先触发onsubmit 事件,由JavaScript ⾥函数判断输⼊内容是否为空,如果为空,返回false, 不提交,如果不为空,提交到由action 指定的地址。
1
2345678910111213141516171819
<script type="text/javascript"> function check(form) { if(form.userId.value=='') {
alert("请输⼊⽤户帐号!");
form.userId.focus();
return false; } if(form.password.value==''){ alert("请输⼊登录密码!");
form.password.focus();
return false; } return true; }
</script>
<form action="login.do?act=login" method="post" onsubmit="return check(this)">
⽤户帐号<input type=text name="userId" size="18" value="" ><br>
登录密码<input type="password" name="password" size="19" value=""/>
<input type=submit name="submit1" value="登陆">
</form>
以上就是form 表单常⽤的三种提交⽅式,有不明⽩的地⽅,欢迎qq 交流:317856821
到此这篇关于HTML form 表单提交⽅法案例详解的⽂章就介绍到这了,更多相关HTML form 表单提交内容请搜索以前的⽂章或继续浏览下⾯的相关⽂章希望⼤家以后多多⽀持!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论