<form action="studentLoginGo.jsp" method=post name=form>
  <head>
    <title>
  用户登录
    </title>
        </head>
   
   <div align="center">
     用户登录
   <hr color="red">
   <br><br><br>
       学号: 
        <input type="text" name="username" size="15" maxlength="6" /><BR><br>
       密码:
        <input type="password" name="password" size="15"/><BR><br>
        <input type="submit" value="登录"/> 这是用户登录的简单界面,现在我想如果学号如果未输入6位,则 submit按钮为灰色即不可用,当学号输入正确时submit按钮可用,麻烦大哥大姐知道下
还有我想让username那个框只能输入数字,又要怎么设置呢?
谢谢了  在线等!

解决方案 »

  1.   


    <!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>
    <script type="text/javascript">
    window.onload = function(){
    var num = document.getElementById('text');
    num.onblur = function(){
    if(num.value.length >= 6){
    document.getElementById('login').removeAttribute('disabled');
    }
    };
    };
    </script>
    </head><body>
     学号: 
            <input type="text" id="text" name="username" size="15" maxlength="6" /> <BR> <br> 
          密码: 
            <input type="password" name="password" size="15"/> <BR> <br> 
            <input type="submit" id="login" disabled="disabled" value="登录"/>
    </body>
    </html>
      

  2.   


    <!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>
    <script type="text/javascript">
    window.onload = function(){
    var re = /^\d*$/;
    var num = document.getElementById('text');
    num.onblur = function(){
    if(num.value.length >= 6 && re.test(num.value)){
    document.getElementById('login').removeAttribute('disabled');
    }
    };
    };
    </script>
    </head><body>
     学号: 
            <input type="text" id="text" name="username" size="15" maxlength="6" /> <BR> <br> 
          密码: 
            <input type="password" name="password" size="15"/> <BR> <br> 
            <input type="submit" id="login" disabled="disabled" value="登录"/>
    </body>
    </html>
      

  3.   

    让文本框只能输入数字的js代码window.onload = function() {
     document.getElementById("username").onkeypress = function(evnt){
       var eve = evnt || window.event;
       var code = (window.event)?eve.keyCode:eve.which;
    if ((code>=48 && code<=57 && !eve.shiftKey ) ||code ==8 )
    {
    return true;
    }
    return false;
    }

    }
      

  4.   

    MuBeiBei
     
    (__木北北__ 不給糖就翻臉!)能否说的具体点呢
    看不懂?
      

  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>
    <script type="text/javascript">
        window.onload = function(){
            var re = /^\d*$/; //正则表达式 验证是否是数字
            var num = document.getElementById('text');
            num.onblur = function(){//当学号失去焦点 触发事件
                if(num.value.length >= 6 && re.test(num.value)){ //学号长度大于等于6 并且输入的是数字
                    document.getElementById('login').removeAttribute('disabled'); //登陆标签删除disabled属性
                }
            };
        };
    </script>
    </head><body>
         学号: 
            <input type="text" id="text" name="username" size="15" maxlength="6" /> <BR> <br> 
          密码: 
            <input type="password" name="password" size="15"/> <BR> <br> 
            <input type="submit" id="login" disabled="disabled" value="登录"/>
    </body>
    </html>