<script type="text/javascript">
   function checkform(){    var name=document.getElementById("userName").value;
   var pwd=document.getElementById("userPwd").value;
   
   if(name.length<=0){
   document.getElementById("NameError").style.display="block";
   return false;
   }
  if(pwd.length<=0){
   document.getElementById("PwdError").style.display="none";
   return false;
   }    
   }</script>
  <form name="login"  method="post"  action="index.jsp" onsubmit="return checkform()">
      &nbsp;&nbsp;&nbsp;&nbsp;<span style="font-size:12px;color:#666;">账户:</span>
      <input type="text" id="userName" name="userName" value="" /><br>
      <span id="NameError" style="display:none">用户名不能为空</span>
      
      <br>
      &nbsp;&nbsp;&nbsp;&nbsp;<span style="font-size:12px;color:#666;">密码:</span>
      <input type="password" id="userPwd" name="userPwd" value=""/><br>
      <span id="PwdError" style="display:none">密码不能为空</span>
      <a href="javascript:document.login.submit()"> <div class="loginbt"> </div></a>
      
      <a href="register.html"><div class="q_reg"></div></a>
    </form>
请问为什么这样写,验证没有效果,不能验证用户名和密码?????

解决方案 »

  1.   

    你都直接用代码submit表单了,当然不验证了
    <script type="text/javascript">
      function checkform(){var name=document.getElementById("userName").value;
    var pwd=document.getElementById("userPwd").value;
      
    if(name.length<=0){
    document.getElementById("NameError").style.display="block";
    return;
    }
    if(pwd.length<=0){
    document.getElementById("PwdError").style.display="block";
    return;
    }document.login.submit()
    }</script>
      <form name="login" method="post" action="index.jsp">
      &nbsp;&nbsp;&nbsp;&nbsp;<span style="font-size:12px;color:#666;">账户:</span>
      <input type="text" id="userName" name="userName" value="" /><br>
      <span id="NameError" style="display:none">用户名不能为空</span>
        
      <br>
      &nbsp;&nbsp;&nbsp;&nbsp;<span style="font-size:12px;color:#666;">密码:</span>
      <input type="password" id="userPwd" name="userPwd" value=""/><br>
      <span id="PwdError" style="display:none">密码不能为空</span>
      <a href="javascript:checkform()"> <div class="loginbt"> </div></a>
      <a href="register.html"><div class="q_reg"></div></a>
      </form>
      

  2.   


    <script type="text/javascript">
      function checkform(){var name=document.getElementById("userName").value;
    var pwd=document.getElementById("userPwd").value;
      
    if(name.length<=0){
    document.getElementById("NameError").style.display="block";
    return false;
    }
    if(pwd.length<=0){
    document.getElementById("PwdError").style.display="none";
    return false;
    }
    return true;//加上这个
      
      }</script>
      <form name="login" method="post" action="index.jsp" onsubmit="return checkform()">
      &nbsp;&nbsp;&nbsp;&nbsp;<span style="font-size:12px;color:#666;">账户:</span>
      <input type="text" id="userName" name="userName" value="" /><br>
      <span id="NameError" style="display:none">用户名不能为空</span>
        
      <br>
      &nbsp;&nbsp;&nbsp;&nbsp;<span style="font-size:12px;color:#666;">密码:</span>
      <input type="password" id="userPwd" name="userPwd" value=""/><br>
      <span id="PwdError" style="display:none">密码不能为空</span>
      <a href="javascript:document.login.submit()"> <div class="loginbt"> </div></a>
        
      <a href="register.html"><div class="q_reg"></div></a>
      </form>
    其他的都对
      

  3.   

    这种提交方式要用sumit按钮就能生效,如果用链接方法就直接调用checkform方法了
      

  4.   

     function checkform(){   var name=document.getElementById("userName").value;
       var pwd=document.getElementById("userPwd").value;
      
       if(name.length<=0){
          document.getElementById("NameError").style.display="block";
          return false;
       }
       if(pwd.length<=0){
          document.getElementById("PwdError").style.display="none";
         return false;
       }  return true;
      }
      

  5.   

    <img class="back1" id="zmmtijiao" src="<%=path%>/img/btu_tijiao.jpg" onclick="javascript:check_regis();" style="cursor: hand" />就这样就可以用图片提交表单了