编写了一个网页 为什么javascript就是不管用 求帮助 谢谢


<html>
<head>
    <meta http-equiv="Content-type" content="text/html; charset=GBK">
    <link type="text/css rel=stylesheet href=./css/mp/.css">
    <link type="text/css rel=stylesheet href=./css/examples.css">
   
 
 <script language=javascript>   
        //全局变量
 var flag = 0;
 function  sub(){
        //登陆用户信息判断
        if (document.getElementById("username").value != " " 
              && document.getElementById("password").value != " " 
               && document.getElementById("passwordAgain").value != " "){
              if (flag >= 3){
               //验证成功，表单提交
               document.regist.onsubmit();
            }else{
               alert("请认真填写注册信息!");
               document.getElementById("username").value ="";
               document.getElementById("password").value ="";
               document.getElementById("passwordAgain").value ="";     
               document.getElementById("usName").innerHTML ="";
               document.getElementById("ps1").innerHTML ="";
               document.getElementById("ps2").innerHTML ="";
            }
       }
  }
  
  
 function res() {
      document.getElementById("username").value =""; 
      document.getElementById("password").value ="";        
      document.getElementById("passwordAgain").value ="";
     }
    
    function chang1(obj){
     var obValue = obj.value;
     if (obValue.length > 8 || obValue.length < 3){
          document.getElementById("usName").innerHTML ="<font name=usName 
          style='font-size:12px;color=red'>长度要求3~8位！</font>";
              flag = 0;
          }else{
             document.getElementById("usName").innerHTML ="<font name=usName style='font-size:12px;color=green'>可以使用</font>";
             flag++
            }
        }
    
     function chang2(obj){
         var obValue = obj.value;
         if (obValue.length > 8 || obValue.length < 6 {
            document.getElementById("ps1").innerHTML = "<font style ='font-size:12px,color=red’>长度要求6~8位!</font>";
            flag = 0;
        }else{
          document.getElementById("ps1").innerHTML = "</font style='font-size:12px;color=green'>可以使用</font>";
          flag++;
          }
       }
   
   function chang3(obj){
     var obValue = obj.value;
     var prrValue = document.getElementById("password").value;
     if(prrValue != obValue){
          document.getElementById("ps2").innerHTML ="<font
          style='font-size:12px;color=red'>请在此确认</font>";
          flag = 0;
     }else{
          document.getElementById("ps2").innerHTML = "<font
          style='font-size:12px;color=green'>通过</font>";
          flag++;
          }
        }
 </script>
 
 
 <title>网上书店</title>
 </head>
 <body>
 <form method="POST" name="regist" action="RegistServlet">
 
 <table style="height: 100%; width:100%">
    <tr align="center" valign="middle">
      <td>
      <TABLE width="392" height="200" border=0 align="center" cellPadding=0
            cellSpacing=0
            style="background-image: url(./images/login_Page/logPage.jpg);
            height:200;width:392">
         <TBODY>
           <TR valign="middle" align="center">
                 <TD colSpan=3 height=40 valign="middle" align="center"><font
                     face="黑体" size="4px" color="#196ed1"
                     style="padding-left: 20px; vertical-align：middle">用户注册</font>
                      </TD>
          </TR>   
          <TR>
              <td width="80" height="20"
              class="login_td">&nbsp;&nbsp;&nbsp;用户名:</td>
              <td width="120" height="20" class="login_td"><input
                   type="text" name="username" value="" style="WIDTH: 110px"
                    
                   onChange="chang1(this)"></td>
              <td id="usName"></td>   
          </TR>
          <TR>
              <td  height="20"
              class="login_td">&nbsp;&nbsp;&nbsp;密码:</td>
              <td  height="20" class="login_td"><input
                   type="password" name="password" value="" style="WIDTH : 
                   110px"
                     
                   onChange="chang2(this)"></td>
              <td id="ps1"></td>   
          </TR>      
          <TR>
              <td width="80" height="20"
              class="login_td">&nbsp;&nbsp;&nbsp;确认密码:</td>
              <td width="120" height="20" class="login_td"><input
                   type="password" name="passwordAgain" value="" style="WIDTH: 110px"
                    
                   onChange="chang3(this)"></td>
              <td id="ps2"></td>   
          </TR>
          <TR>
              <td  height="20" colspan="2" align="center">
             <button class="login_button" onClick="res">重置</button>
             &nbsp;
             <button class="login_button" onClick="sub">提交</button>
             &nbsp;</td>
           
            <td class="login_td" align="left" width=81>
            <a href="login.jsp">返回</a></td>
        </TR>         
      </TBODY>               
             </TABLE>
   
  
       
         </td>
       </tr>
    </table>
   </form> 
  </body>
  </html>          
          
      
      
      

解决方案 »

  1.   

    一大堆问题，包括语法上的问题和验证逻辑上的问题，语法问题有下面这一堆：
    1.字符串值不能直接分行写，要写在同一行，一定要分行写的话，可以在行末加上一个反斜杠\（第41行、65、69行）
    2.第52行if条件语句漏掉一个括号if (obValue.length > 8 || obValue.length < 6)
    3.
      <button class="login_button" onClick="res()">重置</button>
      &nbsp;
      <button class="login_button" onClick="sub()">提交</button>
      

  2.   

    那个 问题都改过来了 可是还是不行 重置键 不管用   密码位数不够也不提示  用户名注册 位数不够提示为 不带红颜色 
    放一个修改后的<html>
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=GBK">
        <link type="text/css rel=stylesheet href=./css/mp/.css">
        <link type="text/css rel=stylesheet href=./css/examples.css">
       
     
    <script type="text/javascript" language="javascript">
            //全局变量
     var flag = 0;
     function  sub(){
            //登陆用户信息判断
            if (document.getElementById("username").value != " " 
                  && document.getElementById("password").value != " " 
                   && document.getElementById("passwordAgain").value != " "){
                  if (flag >= 3){
                   //验证成功，表单提交
                   document.regist.onsubmit();
                }else{
                   alert("请认真填写注册信息!");
                   document.getElementById("username").value ="";
                   document.getElementById("password").value ="";
                   document.getElementById("passwordAgain").value ="";     
                   document.getElementById("usName").innerHTML ="";
                   document.getElementById("ps1").innerHTML ="";
                   document.getElementById("ps2").innerHTML ="";
                }
           }
      }
      
      
     function res() {
          document.getElementById("username").value =""; 
          document.getElementById("password").value ="";        
          document.getElementById("passwordAgain").value ="";
         }
        
        function chang1(obj){
         var obValue = obj.value;
         if (obValue.length > 8 || obValue.length < 3){
              document.getElementById("usName").innerHTML ="<font name=usName style='font-size:12px;color=red'>长度要求3~8位！</font>";
                  flag = 0;
              }else{
                 document.getElementById("usName").innerHTML ="<font name=usName style='font-size:12px;color=green'>可以使用</font>";
                 flag++
                }
            }
        
         function chang2(obj){
             var obValue = obj.value;
             if (obValue.length > 8 || obValue.length < 6) {
                document.getElementById("ps1").innerHTML = "<font  name=ps1  style ='font-size:12px,color=red’>长度要求6~8位!</font>";
                flag = 0;
            }else{
              document.getElementById("ps1").innerHTML = "</font   name=ps1 style='font-size:12px;color=green'>可以使用</font>";
              flag++;
              }
           }
       
       function chang3(obj){
         var obValue = obj.value;
         var prrValue = document.getElementById("password").value;
         if(prrValue != obValue){
              document.getElementById("ps2").innerHTML ="<font style='font-size:12px;color=red'>请在此确认</font>";
              flag = 0;
         }else{
              document.getElementById("ps2").innerHTML = "<font style='font-size:12px;color=green'>通过</font>";
              flag++;
              }
            }
     </script>
     
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     <title>网上书店</title>
     </head>
     <body>
     <form method="POST" name="regist" action="RegistServlet">
     
     <table style="height: 100%; width:100%">
        <tr align="center" valign="middle">
          <td>
          <TABLE width="392" height="200" border=0 align="center" cellPadding=0
                cellSpacing=0
                style="background-image: url(./images/login_Page/logPage.jpg);
                height:200;width:392">
             <TBODY>
               <TR valign="middle" align="center">
                     <TD colSpan=3 height=40 valign="middle" align="center"><font
                         face="黑体" size="4px" color="#196ed1"
                         style="padding-left: 20px; vertical-align：middle">用户注册</font>
                          </TD>
              </TR>   
              <TR>
                  <td width="80" height="20"
                  class="login_td">&nbsp;&nbsp;&nbsp;用户名:</td>
                  <td width="120" height="20" class="login_td"><input
                       type="text" name="username" value="" style="WIDTH: 110px"
                        
                       onChange="chang1(this)"></td>
                  <td id="usName"></td>   
              </TR>
              <TR>
                  <td  height="20"
                  class="login_td">&nbsp;&nbsp;&nbsp;密码:</td>
                  <td  height="20" class="login_td"><input
                       type="password" name="password" value="" style="WIDTH : 
                       110px"
                         
                       onChange="chang2(this)"></td>
                  <td id="ps1"></td>   
              </TR>      
              <TR>
                  <td width="80" height="20"
                  class="login_td">&nbsp;&nbsp;&nbsp;确认密码:</td>
                  <td width="120" height="20" class="login_td"><input
                       type="password" name="passwordAgain" value="" style="WIDTH: 110px"
                        
                       onChange="chang3(this)"></td>
                  <td id="ps2"></td>   
              </TR>
              <TR>
                  <td  height="20" colspan="2" align="center">
                 <button class="login_button" onClick="res()">重置</button>
                 &nbsp;
                 <button class="login_button" onClick="sub()">提交</button>
                 &nbsp;</td>
               
                <td class="login_td" align="left" width=81>
                <a href="login.jsp">返回</a></td>
            </TR>         
          </TBODY>               
                 </TABLE>
       
      
           
             </td>
           </tr>
        </table>
       </form> 
      </body>
      </html>          
      

  3.   

    <button class="login_button" type="reset">重置</button>  //重置按钮这样写的。
      

  4.   

    <%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="utf-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-type" content="text/html; charset=GBK">
    <link type="text/css rel=stylesheet href=./css/mp/.css">
    <link type="text/css rel=stylesheet href=./css/examples.css">
    <script language=javascript>   
      //全局变量
      var flag = 0;
      function sub(){
       //登陆用户信息判断
       if (document.getElementById("username").value != " "  
      && document.getElementById("password").value != " "  
      && document.getElementById("passwordAgain").value != " "){
       if (flag >= 3){
       //验证成功，表单提交
       document.regist.onsubmit();
       }else{
       alert("请认真填写注册信息!");
       document.getElementById("username").value ="";
       document.getElementById("password").value ="";
       document.getElementById("passwordAgain").value ="";   
      document.getElementById("usName").innerHTML ="";
       document.getElementById("ps1").innerHTML ="";
       document.getElementById("ps2").innerHTML ="";
       }
       }
       }
      
        
       
     function res() {
       document.getElementById("username").value ="";  
      document.getElementById("password").value ="";   
      document.getElementById("passwordAgain").value ="";
       }
         
      function chang1(obj){
       var obValue = obj.value;
       if (obValue.length > 8 || obValue.length < 3){
       document.getElementById("usName").innerHTML ="<font name=usName style='font-size:12px;color=red'>长度要求3~8位！</font>";
       flag = 0;
       }
       else{
       document.getElementById("usName").innerHTML ="<font name=usName style='font-size:12px;color=green'>可以使用</font>";
       flag++
       }
       }
         
      function chang2(obj){
       var obValue = obj.value;
       if (obValue.length > 8 || obValue.length < 6) {
       document.getElementById("ps1").innerHTML ="<font name=usName style='font-size:12px;color=red'>长度要求6~8位！</font>";
       flag = 0;
       }
       else{
       document.getElementById("ps1").innerHTML = "<font style='font-size:12px;color=green'>可以使用</font>";
       flag++;
       }
       }
         
      function chang3(obj){
       var obValue = obj.value;
       var prrValue = document.getElementById("password").value;
       if(prrValue != obValue){
       document.getElementById("ps2").innerHTML ="<font style='font-size:12px;color=red'>两次密码不一致</font>";
       flag = 0;
       }else{
      // if(prrValue.length==0&&obValue.length==0){
    //   document.getElementById("ps1").innerHTML ="<font name=usName style='font-size:12px;color=red'>请输入密码</font>";
    //   document.getElementById("ps2").innerHTML ="<font style='font-size:12px;color=red'>请输入密码</font>";
       
      // }else{
       document.getElementById("ps2").innerHTML = "<font style='font-size:12px;color=green'>通过</font>";
       flag++;
       //}
       
       }
       }
      </script>
    <title>用户注册</title>
    </head>
    <body>
    <form method="POST" name="regist" action="RegistServlet"><table style="height: 100%; width: 100%">
    <tr align="center" valign="middle">
    <td>
    <TABLE width="392" height="200" border=0 align="center" cellPadding=0
    cellSpacing=0
    style="background-image: url(./images/login_Page/logPage.jpg); height: 200; width: 392">
    <TBODY>
    <TR valign="middle" align="center">
    <TD colSpan=3 height=40 valign="middle" align="center"><font
    face="黑体" size="4px" color="#196ed1" style="padding-left: 20px;">用户注册</font>
    </TD>
    </TR>
    <TR>
    <td width="80" height="20" class="login_td">&nbsp;&nbsp;&nbsp;用户名:</td>
    <td width="120" height="20" class="login_td"><input
    type="text" name="username" value="" style="WIDTH: 110px"
    onblur="chang1(this)" onfocus="javascript:document.getElementById('usName').innerHTML='正在输入....'"></td>
    <td id="usName"></td>
    </TR>
    <TR>
    <td height="20" class="login_td">&nbsp;&nbsp;&nbsp;密码:</td>
    <td height="20" class="login_td"><input type="password"
    name="password" value="" style="WIDTH: 110px"
    onblur="chang2(this)" onfocus="javascript:document.getElementById('ps1').innerHTML='正在输入....'"></td>
    <td id="ps1"></td>
    </TR>
    <TR>
    <td width="80" height="20" class="login_td">&nbsp;&nbsp;&nbsp;确认密码:</td>
    <td width="120" height="20" class="login_td"><input
    type="password" name="passwordAgain" value="" style="WIDTH: 110px"
    onblur="chang3(this)" onfocus="javascript:document.getElementById('ps2').innerHTML='正在输入....'"></td>
    <td id="ps2"></td>
    </TR>
    <TR>
    <td height="20" colspan="2" align="center">
    <button class="login_button" onClick="res();">重置</button> &nbsp;
    <button class="login_button" onClick="sub();">提交</button>
    &nbsp;</td> <td class="login_td" align="left" width=81><a href="login.jsp">返回</a></td>
    </TR>
    </TBODY>
    </TABLE> </td>
    </tr>
    </table>
    </form>
    </body>
    </html>
      

  5.   

    document.getElementById("username").value ="";  
      document.getElementById("password").value ="";   
      document.getElementById("passwordAgain").value ="";
    建议你先去学习下getElementById这方法是什么意思。。
      

  6.   

    你javascript中的flag全局变量在输错一次后就变成0了   ，。。
      

  7.   

    function res() {
       document.getElementByName("username").value ="";  
      document.getElementByName("password").value ="";   
      document.getElementByName("passwordAgain").value ="";
      document.getElementById("usName").innerHTML ="";
      document.getElementById("ps1").innerHTML ="";
      document.getElementById("ps2").innerHTML ="";
       }