黑马程序员技术交流社区

标题: html表单验证 [打印本页]
作者: 18353665932    时间: 2014-7-24 16:23
标题: html表单验证
有能帮我看看为什么这个代码的表单验证不能显示的吗？？谢谢！
  1. <html>
  2.         <head>
  3.         <title>HTML注册表单</title>


  6. <script type = "text/javaScript">
  7.         function sub()
  8.         {
  9.                 //验证用户名
  10.                 var username=  document.getElementById("username").value ; //   
  11.                 var pattern =/[a-zA-Z]{1}[a-zA-Z0-9_]{0,9}/;
  12.                 var bln= pattern.test(username);
  13.                 if(bln == false)
  14.                 {
  15.                         alert("用户名不符合规则！");
  16.                         return;
  17.                 }
  18.                 var password = document.getElementById("password").value ;
  19.                 pattern  = /.{6,16}/;
  20.                 bln  = pattern.test(passsword);
  21.                 if(bln  == flase){
  22.                 alert("密码输入不符合规则")
  23.                 }
  24.                 else{
  25.                         if(password==""){
  26.                                 alert("请输入确认密码");
  27.                        
  28.                         }
  29.                         else
  30.                         {if(password!=repassword){
  31.                                         alert("两次输入的密码不一致")；
  32.                        
  33.                         }
  34.                         }
  35.                         else{
  36.                                         if(count<1){
  37.                                                 alert("请至少输入一项爱好")；
  38.                                         }
  39.                                         else{
  40.                                                 if(readme==""){
  41.                                                 alert("请填写个人简介");
  42.                                                
  43.                                                 }
  44.                                        
  45.                                         }
  46.                        
  47.                         }
  48.                
  49.                 }
  50.                
  51.                

  53.         }
  54. </script>


  57.         </head>
  58.         <body>
  59.         <form action="" method="post" onsubmit="return sub()"         name=form>用户名：<input type="text" name="username" value="" />        <br>
  60.         密码  <input type="password" name="password" value="" />
  61.         <br>确认密码：<input type="password" name="repassword" value="" /><br>
  62.         性别：<input type="radio" name="sex" value="0" checked=”default” />男
  63.         <input type="radio" name="sex" value="1" />女<br>       
  64.         城市: <select name="city"><option value="0">郑州</option>
  65.         <option value="1">上海</option>
  66.         <option value="2">天津</option>
  67.         <option value="3">深圳</option>
  68.         </select><br>兴趣爱好:<input type="checkbox" name="read" value="0" />阅读     
  69.         <input type="checkbox" name="travel" value="1" />旅游     
  70.         <input type="checkbox" name="Internet" value="2" />
  71.         上网个人简介: <textarea rows="5" cols="30" name="readme"></textarea> <br>
  72.         <input type="submit" value="提交"/>     
  73.         </form>
  74.         </body>
  75.         </html>

复制代码






欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2