|
|
<extend name="Public/base" />
|
|
|
<block name="body" >
|
|
|
<script src="__STATIC__/layer/layer.js" type="text/javascript"></script>
|
|
|
<div class="g-container">
|
|
|
<div class="g-main">
|
|
|
<include file="Public/user_head" />
|
|
|
<div class="user-bd laybox fix">
|
|
|
<include file="Public/user_base" />
|
|
|
<div class="user-section-wrap fl" id="user-section-wrap">
|
|
|
<div class="us2-bindphone">
|
|
|
<form>
|
|
|
<div class="section-tit">手机<if condition="$phone['ming'] neq ''">解绑<else/>绑定</if></div>
|
|
|
<div class="w-item">
|
|
|
<label for="" class="w-label "><span style="color: red">*</span>手机号码：</label>
|
|
|
<input type="text" name="phone" <if condition="$phone['ming'] neq ''"> disabled="disabled" class="w-input"<else/> class="w-input cheackinput" id="phone"</if> value="{$phone['mi']}">
|
|
|
<if condition="$phone['ming'] neq ''">
|
|
|
<input type="hidden" class="w-input cheackinput" name="phone" id="phone" value="{$phone['ming']}">
|
|
|
<input type="hidden" class='jiebang' name="jiebang" value="1">
|
|
|
<else/>
|
|
|
<input type="hidden" class='jiebang' name="jiebang" value="0">
|
|
|
</if>
|
|
|
<span class="error-msg" style="color: red"></span>
|
|
|
</div>
|
|
|
<div class="w-item">
|
|
|
<label for="" class="w-label "><span style="color: red">*</span>验证码：</label>
|
|
|
<input type="text" class="w-input-s cheackinput" id="vcode" name="vcode">
|
|
|
<img src="{:U('verify?vid=3')}" width="115px" height="30px" alt="" class="checkcode" >
|
|
|
<span class="error-msg" style="color: red"></span>
|
|
|
</div>
|
|
|
<div class="w-item">
|
|
|
<label for="" class="w-label "></label>
|
|
|
<input type="button" class="g-btn" id="sendSafeCode" value="获取短信验证码">
|
|
|
</div>
|
|
|
<div class="w-item">
|
|
|
<label for="" class="w-label "><span style="color: red">*</span>短信验证码：</label>
|
|
|
<input type="text" class="w-input cheackinput" name="captcha" id="scode">
|
|
|
<span class="error-msg" style="color: red"></span>
|
|
|
</div>
|
|
|
<div class="w-item">
|
|
|
<label for="" class="w-label"></label>
|
|
|
<div class="w-div">请输入您手机收到的短信验证码。如果您没有收到验证码，请等待1分钟后重新点击"获取验证码"</div>
|
|
|
</div>
|
|
|
<div class="w-item">
|
|
|
<label for="" class="w-label"></label>
|
|
|
<input type="button" id="bwbtn" value="<if condition="$phone['ming'] neq ''">解绑<else/>绑定</if>手机" class="g-btn">
|
|
|
</div>
|
|
|
<div class="utips">
|
|
|
<h4>友情提示</h4>
|
|
|
<ul>
|
|
|
<li>手机绑定是{:C(APP_NAME)}账号安全的一项基础功能，绑定后可以轻松享受各项账号管理服务：异地登录短信验证，快捷修复账号密码，<br>享受及时的短信通知服务，随时随地保护您的账号安全。</li>
|
|
|
<li>收到验证码短信内容出现"回复TD退订"是指退订验证码短信，并不是解除手机绑定。</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</form>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<script>
|
|
|
$('.checkcode').on('click',function() {
|
|
|
$(this).attr('src','__MODULE__/Member/verify/vid/3/t/'+(new Date).getTime());
|
|
|
});
|
|
|
$('.cheackinput').on('blur',function() {
|
|
|
var val = $(this).val();
|
|
|
if (val == ''){
|
|
|
if ($(this).attr('id') == 'phone') {
|
|
|
$(this).siblings('.error-msg').text('*手机号码不能为空');return;
|
|
|
}else if($(this).attr('id') == 'vcode'){
|
|
|
$(this).siblings('.error-msg').text('*验证码不能为空');return;
|
|
|
}else{
|
|
|
$(this).siblings('.error-msg').text('*短信验证码不能为空');return;
|
|
|
}
|
|
|
} else {
|
|
|
$(this).siblings('.error-msg').text('');
|
|
|
}
|
|
|
if ($(this).attr('id') == 'phone') {
|
|
|
if (val.length !== 11 || !(/^[1][358][0-9]{9}/.test(val))) {
|
|
|
$(this).siblings('.error-msg').text('*手机号码格式不正确');return;
|
|
|
} else {
|
|
|
$(this).siblings('.error-msg').text('');
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
$('#sendSafeCode').on('click',function() {
|
|
|
var jphone = $('#phone'),phone = $.trim(jphone.val()),
|
|
|
jvcode =$('#vcode'), vcode = $.trim(jvcode.val()),that = $(this);
|
|
|
if (phone == '') {jphone.siblings('.error-msg').text('*必填项');return false;}
|
|
|
if (phone.length !== 11 || !(/^[1][358][0-9]{9}$/.test(phone))) {jphone.siblings('.error-msg').text('*手机号码格式不正确');return false;}
|
|
|
if (vcode == ''){jvcode.siblings('.error-msg').text('*必填项');return false;}
|
|
|
if(!$('#sendSafeCode').hasClass('g-btntn')){
|
|
|
$.ajax({
|
|
|
type:'post',
|
|
|
dataType:'json',
|
|
|
data:'phone='+phone+'&verify='+vcode+'&vid=3',
|
|
|
url:'{:U("sendvcode")}',
|
|
|
success:function(data) {
|
|
|
switch (parseInt(data.status)) {
|
|
|
case 1: {
|
|
|
r(1);
|
|
|
};break;
|
|
|
case 2: {
|
|
|
that.siblings('span').text('');
|
|
|
$('#vcode').siblings('.error-msg').text(data.msg); $('.checkcode').click();
|
|
|
};break;
|
|
|
case 0:{
|
|
|
that.siblings('span').text('');
|
|
|
$('#vcode').siblings('.error-msg').text(data.msg); $('.checkcode').click();
|
|
|
};break;
|
|
|
default:
|
|
|
$('#vcode').siblings('.error-msg').text(''); $('.checkcode').click();
|
|
|
that.siblings('span').removeClass('right-msg').addClass('error-msg').text(data.msg);
|
|
|
}
|
|
|
},
|
|
|
error:function() {
|
|
|
alert('服务器开小差了，请稍后再试。');
|
|
|
}
|
|
|
});
|
|
|
var r = function(i, t) {
|
|
|
if (i>0) {
|
|
|
var r = 59;
|
|
|
e='#sendSafeCode';
|
|
|
$(e).removeClass('g-btn').addClass('g-btntn');
|
|
|
var a = setInterval(function() {
|
|
|
r--;
|
|
|
$(e).val('成功'+r + '秒后重发'),
|
|
|
0 == r && ($(e).removeClass('g-btntn').addClass('g-btn'), $(e).val('获取短信验证码'), clearInterval(a))
|
|
|
},1e3)
|
|
|
}
|
|
|
};
|
|
|
}
|
|
|
});
|
|
|
$('#bwbtn').on('click',function() {
|
|
|
var jphone = $('#phone'),phone = $.trim(jphone.val()),
|
|
|
jscode =$('#scode'), scode = $.trim(jscode.val()), jiebang = $(".jiebang").val(),
|
|
|
that = $(this);
|
|
|
if (phone == '') {jphone.siblings('.error-msg').text('*必填项');return false;}
|
|
|
if (phone.length !== 11 || !(/^[1][358][0-9]{9}$/.test(phone))) {jphone.siblings('.error-msg').text('*手机格式不正确');return false;}
|
|
|
if (scode == ''){jscode.siblings('.error-msg').text('*必填项');return false;}
|
|
|
$.ajax({
|
|
|
type:'post',
|
|
|
dataType:'json',
|
|
|
data:'vcode='+scode+'&phone='+phone+'&jiebang='+jiebang,
|
|
|
url:'{:U("users_phone")}',
|
|
|
success:function(data) {
|
|
|
if (parseInt(data.status) == 1 ) {
|
|
|
layer.msg(data.msg,{icon:1});
|
|
|
setTimeout(function() {
|
|
|
window.location.href="{:U('Member/users_safe')}";
|
|
|
},2000);
|
|
|
} else {
|
|
|
layer.msg(data.msg,function(){});
|
|
|
}
|
|
|
},
|
|
|
error:function() {
|
|
|
alert('服务器开小差了，请稍后再试。');
|
|
|
}
|
|
|
});
|
|
|
});
|
|
|
</script>
|
|
|
</block> |