获取验证码倒计时60s
倒计时函数:
function time(btns) { if (wait == 0) { btns.css("background-color","#F84C02"); $('#areaSelect').attr("disabled",false); btns.val("发送验证码"); wait = 60; } else { btns.attr("disabled","disabled"); btns.css("background-color","#D2D2D2"); btns.val("重新发送(" + wait + ")"); wait--; setTimeout(function() { time(btns); }, 1000) } }
遇到问题
1、输入手机号的时候点亮按钮并且去掉disabled
html
<input class="inputIn phone" type="text" placeholder="请输入手机号码" id="phone"/> <input class="btns" type="button" value="发送验证码" onclick="sendCode()" disabled="disabled"/>
js
phone.bind('input propertychange', function() { if(phone.val() != ""){ btns.attr("disabled",false); btns.css("background-color","#F84C02"); }else{ btns.attr("disabled",true); btns.css("background-color","#D2D2D2"); } });
input是标准的浏览器事件,一般应用于input元素,当input的value发生变化就会发生,无论是键盘输入还是鼠标黏贴的改变都能及时监听到变化,propertychange,只要当前对象属性发生改变。
2、取消disabled
只能用.attr("disabled",false); 其他方法无效 (难道姿势不对?),而加上disabled属性则有: attr("disabled","disabled"); .attr("disabled",ture);