监听输入框内容,改变按钮颜色

html:

<form>
    <div class="line">
        <div class="hint left">+86</div>
        <input type="number" class="tel num right model" id="tel" placeholder="请输入手机号" />
    </div>
    <div class="line">
        <input type="number" class="yzm num left" id="yzm" placeholder="验证码" />
        <input type="button" class="yzmBtn right" id="yzmBtn" value="获取验证码" />
    </div>
    <input type="button" class="loginBtn" value="注册登录" />
</form>

js:

var Arr = 0;
var len=$(".line .num").length;
$('.line .num').bind('input propertychange', function() {
    for(i=0;i<len;i++){
        var data = $('form .num').eq(i).val();
        if(data != ''){
            Arr ++;
            if(Arr == len){
                $('.loginBtn').css("background":"green");
            }
        }else{
            Arr = 0;
            $('.loginBtn').css("background":"gray");
        }
    }
});

 

posted @ 2020-07-31 16:35  可不可以重名  阅读(206)  评论(0编辑  收藏  举报