每一个你不满意的现在,都有一个你不努力的曾经. 网站首页 > js
手机获取验证码倒计时js
发布时间:2018-12-11 11:15:13 修改时间:2018-12-11 11:15:13 阅读:5042 评论:0 0
// <ul class="ulist">
// <li class="group">
// <label class="label" for="phone">联系电话:</label>
// <div class="controls">
// <input type="text" id="phone" class="txt">
// </div>
// </li>
// <li class="group">
// <label class="label" for="code">验证码:</label>
// <div class="controls">
// <input type="text" id="code" class="txt">
// <button class="btn btn-small get-code" onclick="getCode(this)" id="J_getCode">获取验证码</button>
// <button class="btn btn-small reset-code" id="J_resetCode" style="display:none;"><span id="J_second">60</span>秒后重发</button>
// </div>
// </li>
// </ul>
// jQuery代码:
/*获取验证码*/
//var isPhone = 1;
function getCode(e){
checkPhone(); //验证手机号码
if(isPhone){
resetCode(); //倒计时
get_code($('#phone').val());
}else{
$('#phone').focus();
}
}
//验证手机号码
function checkPhone(){
var phone = $('#phone').val();
var pattern = /^1[0-9]{10}$/;
isPhone = 1;
if(phone == '') {
alert('请输入手机号码');
isPhone = 0;
return;
}
if(!pattern.test(phone)){
alert('请输入正确的手机号码');
isPhone = 0;
return;
}
//edit_tel()
}
//倒计时
function resetCode(){
$('#J_getCode').hide();
$('#J_second').html('50');
$('#J_resetCode').show();
var second = 50;
var timer = null;
timer = setInterval(function(){
second -= 1;
if(second >0 ){
$('#J_second').html(second);
}else{
clearInterval(timer);
$('#J_getCode').show();
$('#J_resetCode').hide();
}
},1000);
}
// 获取验证码
function get_code(e){
$.ajax({
url:'/wlcd/portal/Register/get_code',
dataType:'json',
type:'post',
data:{'tel':e},
success:function(data){
}
})
}
回复列表
关键字词:span,style,font-size,1px,gt,lt
上一篇:css常用属性