监听输入框内容,改变按钮颜色
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"); } } });