查看: 222|回复: 0

js判断表单项不为空则提交表单

[复制链接]
发表于 2016-8-8 16:33:24 | 显示全部楼层 |阅读模式
demo1.html
  1. <html>
  2.   <head>
  3.     <title>提交表单页</title>
  4.     <script type="text/javascript">
  5.       function myCheck()
  6.       {
  7.          for(var i=0;i<document.form1.elements.length-1;i++)
  8.          {
  9.           if(document.form1.elements[i].value=="")
  10.           {
  11.            alert("当前表单不能有空项");
  12.            document.form1.elements[i].focus();
  13.            return false;
  14.           }
  15.          }
  16.          return true;
  17.         
  18.       }
  19.     </script>
  20.   </head>
  21.   <body>
  22.      <form name="form1" method="post" action="page2.html" onSubmit="return myCheck()">
  23.        用户名:<input type="text" name="username"><br>
  24.        性别:<input type="text" name="sex"><br>
  25.        出生时间:<input type="text" name="birthday"><br>
  26.        <input type="submit" value="提交">
  27.      </form>
  28.   </body>
  29. </html>
复制代码


demo2.html
  1. <script type="text/javascript">
  2. function beforeSubmit(form){
  3. if(form.username.value==''){
  4. alert('用户名不能为空!');
  5. form.username.focus();
  6. return false;
  7. }
  8. if(form.password.value==''){
  9. alert('密码不能为空!');
  10. form.password.focus();
  11. return false;
  12. }
  13. if(form.password.value.length<6){
  14. alert('密码至少为6位,请重新输入!');
  15. form.password.focus();
  16. return false;
  17. }
  18. if(form.password.value!=form.password2.value) {
  19. alert('你两次输入的密码不一致,请重新输入!');
  20. form.password2.focus();
  21. return false;
  22. }
  23. return true;
  24. }
  25. </script>

  26. <fieldset>
  27.    <legend>用户注册</legend>
  28.     <form method="post" name="form" action="user.do?method=register" onSubmit="return beforeSubmit(this);">
  29.      <table border="1" width="100%" cellspacing="0" cellpadding="0">
  30.       <tr><td><label>用户名:<input type="text" name="username" value=""></label></td></tr>
  31.       <tr><td><label>密   码:<input type="password" name="password" value=""></label></td></tr>
  32.       <tr><td><label>重复密码:<input type="password" name="password2" value=""></label></td></tr>
  33.       <tr><td><input value="注册" type="submit"> <input type="reset" value="重置"></td></tr>      
  34.      </table>
  35.     </form>
  36. </fieldset>
复制代码


您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

金灿互联专注为企业提供系统整体的网络营销外包服务,包括从营销型网站平台建设、阿里旺铺装修、网站SEO优化推广、B2B平台推广等一站式网络营销服务。已为近1000多家企业提供高品质的网站建设和营销推广服务,帮助客户通过互联网提升业绩、抢占市场、成就品牌。
© 2010-2016 Comsenz Inc. 粤ICP备12054404号-1 Powered by KingCan!X3.2   
快速回复 返回顶部 返回列表