简单短信验证

html

<button type="button" class=".get-yzm" >获取验证码</button> 显示

<button type="button" class="#get-yzm">获取验证码</button> 隐藏

js

/*手机号验证 两个标签*/

$('.get-yzm').click(function(){

var data = $('#phone').val();         拿到手机号

var url="{:U('Public/sendMsg')}";      请求路径

if(!(/^1[3|4|5|8][0-9]\d{4,8}$/.test(data))){

alert("不是完整的11位手机号");

$('#phone').focus();

return false;

} else{

$.ajax({

url:url,

type:'POST',

data:{

'phone':data,                       注意，键值对方式编写或其他，请与后台交流清楚

},

dataType:'json',

success:function(r){

if(r.status==200){

var time = 120;

$(".get-yzm").css({'display':'none'});

$("#get-yzm").css({'display':'block'});

var timeStop = setInterval(function(){

if(time == 0){

clearInterval(timeStop);

$("#get-yzm").css({'display':'none'});

$(".get-yzm").css({'display':'block'});

}

document.getElementById('get-yzm').innerHTML = time +'s';

time--;

},1000);

}else{

alert(r.msg);

}

}

});

}

});