表单验证 javascript

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head><body>
<script language="javascript">
function validate(myform){
  if(myform.username.value.lengh==0)
  { alter("用户名不能为空")；
    myform.username.focus();
    return false;
  
  }
   if(myform.password.value.lengh==0)
  { alter("密码不能为空")；
    myform.username.focus();
    return false;
  
  }
   
  }</script>
<p>请输入用户名和密码：</p>
<form id="form1" name="form1" method="post" action="/webproject2/servlet/Longin2" onsubmit="return validate(this) " >
  <table width="278" border="0">
    <tr>
      <td width="69">用户名：</td>
      <td width="199"><label>
        <input name="username" type="text" id="username" size="20" maxlength="10" />
      </label></td>
    </tr>
    <tr>
      <td>密码：</td>
      <td><label>
        <input name="textfield2" type="text" size="20" maxlength="10" />
      </label></td>
    </tr>
    <tr>
      <td><label>
        <input type="submit" name="Submit" value="提交" />
      </label></td>
      <td><label>
        <input name="reset" type="submit" id="reset" value="重置" />
      </label></td>
    </tr>
  </table>
</form>
<p>&nbsp; </p>
</body>
</html>

解决方案 »

  1.   

    if(myform.username.value.lengh==0) 或者if(myform.username.value.lengh=='') 
      

  2.   

    if(myform.password.value.lengh==0) 
      { alter("密码不能为空")； 
        myform.username.focus(); 
        return false;
      } <tr> 
          <td>密码： </td> 
          <td> <label> 
            <input name="textfield2" type="text" size="20" maxlength="10" /> 
          </label> </td> 
        </tr> 
    这段有点问题，你的定义是name="textfield2" ，可是获取值的时候确是myform.password.value，这个是获取不到值的，因为myform.password
    都不存在，要保持两者的名称一致
      

  3.   

      if(myform.username.value.lengh==0) 
      { alter("用户名不能为空")； 
        myform.username.focus(); 
        return false; 
      
      } 
      if(myform.password.value.lengh==0) 
      { alter("密码不能为空")； 
        myform.username.focus(); 
        return false; 
      
      } 
      return true;//成功了应该返回true
      

  4.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    <title>无标题文档 </title> 
    </head> <body> 
    <script language="javascript"> 
    function validate(myform){ 
      if(myform.username.value.lengh==0) 
      { alter("用户名不能为空")； 
        myform.username.focus(); 
        return false; 
      
      } 
      if(myform.password.value.lengh==0) 
      { alter("密码不能为空")； 
        myform.username.focus(); 
        return false; 
      
      } 
      return true;   } </script> 
    <p>请输入用户名和密码： </p> 
    <form id="form1" name="form1" method="post" action="/webproject2/servlet/Longin2" onsubmit="return validate(this) " > 
      <table width="278" border="0"> 
        <tr> 
          <td width="69">用户名： </td> 
          <td width="199"> <label> 
            <input name="username" type="text" id="username" size="20" maxlength="10" /> 
          </label> </td> 
        </tr> 
        <tr> 
          <td>密码： </td> 
          <td> <label> 
            <input name="textfield2" type="text" size="20" maxlength="10" /> 
          </label> </td> 
        </tr> 
        <tr> 
          <td> <label> 
            <input type="submit" name="Submit" value="提交" onclick="return validate();" /> 
          </label> </td> 
          <td> <label> 
            <input name="reset" type="submit" id="reset" value="重置" /> 
          </label> </td> 
        </tr> 
      </table> 
    </form> 
    <p>&nbsp; </p> 
    </body> 
    </html> 
    红色部分为必须添加部分
      

  5.   

    恩 谢谢啊 我已经改了 可是还是不行<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head><body>
    <script language="javascript">
    function validate(myform){
      if(myform.username.value.lengh==0)
      { alter("用户名不能为空")；
        myform.username.focus();
        return false;
      
      }
       if(myform.password.value.lengh==0)
      { alter("密码不能为空")；
        myform.password.focus();
        return false;
      
      }
       return  true
       
      }</script>
    <p>请输入用户名和密码：</p>
    <form id="form1" name="form1" method="post" action="/webproject2/servlet/Longin2" onsubmit="return validate(this) " >
      <table width="278" border="0">
        <tr>
          <td width="69">用户名：</td>
          <td width="199"><label>
            <input name="username" type="text" id="username" size="20" maxlength="10" />
          </label></td>
        </tr>
        <tr>
          <td>密码：</td>
          <td><label>
            <input name="password" type="text" size="20" maxlength="10" />
          </label></td>
        </tr>
        <tr>
          <td><label>
            <input type="submit" name="Submit" value="提交" onclick="return validate()" />
          </label></td>
          <td><label>
            <input name="reset" type="submit" id="reset" value="重置" />
          </label></td>
        </tr>
      </table>
    </form>
    <p>&nbsp; </p>
    </body>
    </html>