如何判断input标签里的text的值如下要求所示？

如何判断input标签里的text的值如下要求所示？<div>
          <input type="text" id="newName" name="newName">
</div>
<div>
          <input type="text" id="newPass" name="newPass">
</div>
判断用户名和密码的长度超过8位就会弹出alert的提示“xxxx”，并且不会点击按钮跳到另外一个层，因为我做的是层之间的切换。

解决方案 »

  1.   

    if (document.getElementById('newName').value.length > 8)
      alert('xxx');
      

  2.   

    var name=$("#newName").val();
    if(name.length>8)
    alert('xxx');
      

  3.   

    <!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=windows-31j">
    <title>Insert title here</title>
    <script type="text/javascript">
    window.onload = function() {
    var submitForm = document.getElementById("submitForm");

    var newName = document.getElementById("newName");

    submitForm.onsubmit = function() {
        if (newName.value.length > 8) {
            alert("xxxx");
            return false;
        }
        return true;
    };
    };</script>
    </head>
    <body>
        <form id="submitForm" action="http://www.baidu.com" >
       <div>
           UserName:<input type="text" id="newName" name="newName">
       </div>
       <div>
           Password:<input type="text" id="newPass" name="newPass">
       </div>
       <input type="submit">
        </form>
    </body>
    </html>
    你说的是切换页面？
      

  4.   

    <html>
    <head>
    <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
    <script type="text/javascript">
    function chkTextareaLen(textareaId,maxLen) //textareaId指input框的id，maxLen指限制长度
    {  
    var textareaValue = document.getElementById(textareaId).value;  
    var curLen = 0,substrLen = 0;  
        for (var i=0; i<textareaValue.length; i++)
        {
            if (textareaValue.charCodeAt(i)>127 || textareaValue.charCodeAt(i)==94) 
            {    
             curLen += 2;    
            } 
            else 
            {  
             curLen ++;    
            }   
           if(curLen > maxLen)
            {  
             substrLen = i;  
             break;  
            }  
        }            
        if(curLen > maxLen) 
        {  
            if(substrLen == 0) substrLen = maxLen;  
            document.getElementById(textareaId).value = textareaValue.substring(0,substrLen);  
            alert("文本长度不能大于"+maxLen);   //注：8个字节，如果是中文就只能输入四个字。
        }
        else
        {  
            document.getElementById(textareaId).innerHTML = maxLen - curLen;  
        }  
    }
    </script>   
    </head>
    <body>   
    <div>
       <input type="text" id="newName" name="newName" onkeyup="chkTextareaLen(this.id,8)">
    </div>
    <div>
       <input type="text" id="newPass" name="newPass" onkeyup="chkTextareaLen(this.id,8)">
    </div>
    </body>
    </html>
    不知道这个JS方法能否满足你的需求
      

  5.   

    楼主如果只是要求长度限制的话，用html文本框原生的属性maxlength是最方便的。
    <div>
      <input type="text" id="newName" name="newName" maxlength="8">
    </div>
    <div>
      <input type="text" id="newPass" name="newPass" maxlength="8">
    </div>
      

  6.   

    网上有个magican.js专门验证表单的，，
      

  7.   

    maxlength=8  只能输8个 不判定.   或者
    var  newName = document.getElementById("newName");
    if (newName.length>8)
    { alert("XXX");  document.getELementById("按钮ID").disable = false;}
      

  8.   


    if (document.getElementById('newName').value.length > 8)
     { alert('xxx'); return false;}
    一楼，二楼的都可以，如果你用的submit就return false;  如果是普通方法直接return；