简单验证问题，很简单

第一...大写不对应...一边password一边passWord...
第二...alert居然写成alret...我晕倒...

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>表单输入验证示例 </title>     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    
<script type="text/javascript">
          function validate() {
          var userName = document.forms[0].userName.value;
          var passWord = document.forms[0].passWord.value;
          var repassWord = document.forms[0].repassWord.value;

          if(userName.length <=0)
                    alert("用户不能为空!");
          else if (passWord <= 0)
                    alert("用户密码不能为空!");
          else if(repassWord <=0)
                    alert("重新输入密码不能为空!");
          else if(userName.length <6)
                    alert("用户名不能小于6位!");
          else if(passWord != repassWord)
                    alert("两次输入的密码不一样!");
          else {
                  alert("验证通过，表单可以提交!");
                    document.forms[0].submit();
                }
          }
    </script>
  </head>

  <body>
    表单使用 <br>
    <form action = "" method ="post" >
    用户名: <input type = "text" name = "userName"> <br>
    密码： <input type = "password" name ="passWord" > <br>
    重新输入密码： <input type = "password" name = "repassWord"> <br>
    性别： <input type = "radio" name ="sex" value = "男">男
      <input type = "radio" name = "sex" value = "女">女 <br>
    出生日期: <select name = "birth">
          <option value = "0">-请选择- </option>
          <option value = "1981">1981 </option>
          <option value ="1982">1982 </option>
          <option value = "1983">1983 </option>
          <option value ="1984">1984 </option>
          </select>年 <br>
    兴趣： <input name ="habit" type= "checkbox" value="1">音乐
          <input name ="habit" type="checkbox" value="2">数 <br>
    <input type="button" value="提交" onClick ="validate()"/>
    <input type ="reset" value="取消"/>
    </form>
  </body>
</html>