登陆验证问题（js代码，不用插件和jquery）

Question

需求：1、那个文本框都为空时下面的按钮为灰色不可点击，当两个文本框都有值的时候才可以点击。请问怎么实现呢？请大家讲讲详细点的步骤，谢谢各位了！

Answer 1

一般是在input blur 和focus是判断是否有值，有值就改button的class

Answer 2

两个输入框都绑定blur事件。在里面判断有效性，以及判断两个是不是都有值

Answer 3

<form action="#">
<p><input type="text" value="手机号" name="tel" maxlength="11"/><span id="tel_err"></span></p>
<p><input type="password" name="password" maxlength="11" /><span id="pass_err"></span></p>
<p></p><input type="submit" name="submit" /></p>
</form>
<script type="text/javascript">
var tel=document.getElementsByName("tel")[0];
var password=document.getElementsByName("password")[0];
var submit=document.getElementsByName("submit")[0];
var tel_err=document.getElementById("tel_err");
var pass_err=document.getElementById("pass_err");
    submit.disabled=true;
    tel.onkeyup=function(){
        tel_err.innerHTML="";
        this.value=this.value.replace(/[^\d]/g,"");
    };
    password.onkeyup=function(){
        pass_err.innerHTML="";
    };
    tel.onblur=function(){check(0)};
    password.onblur=function(){check(1)};
    function check(i){
        if(tel.value.length!=11&&i==0){
            tel_err.innerHTML="请输入11位数的手机号!";
            submit.disabled=true;
        }
        if(password.value==""&&i==1){
            pass_err.innerHTML="请输入密码!";
            submit.disabled=true;
        }
        if(tel.value.length==11&&!password.value==""){
            submit.disabled=false;
        }
    }
</script>

Answer 4

<form id="form1"  >
<p><input type="text" id="tel"  value="手机号" maxlength="11" /><span id="tel_err"></span></p>
<p><input type="password" id="password"   maxlength="11" /><span id="pass_err"></span></p>
<p><input type="submit" id="btnsubmit"  vaue="submit"/></p>
</form>
<script type="text/javascript" >
  
$(document).ready(function(){

var telbool =false;
var passbool =false;

var  btnsubmit =document.getElementById("btnsubmit");
btnsubmit.disabled =true;
$("#form1").submit(function(){

   alert('pass....')
   return false;
});

$("#tel").blur(function(){

var _this =$(this);

if(_this.val()==''||_this.val()==null)
{
  
  telbool=false;
  $("#tel_err").html("请输入11位数的手机号!"); 
  btnsubmit.disabled=true;
  return ;
} telbool=true;

if(telbool&&passbool)
{
btnsubmit.disabled=false;
}

 });

$("#password").blur(function(){

    var _this =$(this);

if(_this.val()==''||_this.val()==null)
{
passbool=false;
 $("#pass_err").html("请输入密码机号!"); 
   btnsubmit.disabled=true;
 return ;
} passbool=true;

if(telbool&&passbool)
{
btnsubmit.disabled=false;
}

});

});</script>