Html
<input type="text" name="phone"> <input type="text" name="code" maxlength="6" placeholder="验证码"> <input type="button" id="yzm" value="获取验证码" />
Jquery
var wait=60;
function time(o) {
if (wait == 0) {
o.removeAttribute("disabled");
o.value="点击获取验证码";
wait = 60;
} else {
o.setAttribute("disabled", true);
o.value="重新发送(" + wait + ")";
wait--;
setTimeout(function() {
time(o)
},
1000)
}
}
function getcode( index )
{
index.setAttribute("disabled", true);
var phone = $("input[name='phone']").val();
var reg = /^1[34578]\d{9}$/;
if( !reg.test(phone) )
{
index.removeAttribute("disabled");
$("input[name='phone']").focus();
}else
{
$.post('您要验证的接口',{您要传递的参数},function( msg ){
if( msg == 'success' )
{
time( index );
}else
{
//这里处理你需要的业务
index.removeAttribute("disabled");
}
},'json');
}
}
document.getElementById("yzm").onclick=function(){getcode(this);}
本文由:xiaoshu168 作者:xiaoshu发表,转载请注明来源!