<extend name="Public/bases" />
<block name="body" >
<link href="__CSS__/user.css" rel="stylesheet" >
<body class="">
<header class="header">
<div class="">
<a href="{:U('User/userset')}" class="hbtn back"><i class="iconfont icon-drop-left"></i></a>
<h1 class="caption"><empty name="user.phone">绑定手机<else/>解除绑定</empty></h1>
</div>
</header>
<div class="occupy"></div>
<section class="trunker">
<section class="container">
<form id='form' action="" method="post" class="">
<div class="t-table user-auth-list">
<ul class="table clearfix">
<li class="table-row">
<span class="table-cell">手机号</span>
<span class="table-cell">
<input type="text" class="txt" id='phone' name="phone" value="{$user['phone']}" placeholder="请输入正确格式" <if condition="$user['phone'] neq ''"> readonly = "readonly" class="w-input" <else/> class="w-input cheackinput"</if>>
</span>
</li>
<li class="table-row">
<span class="table-cell">短信验证码</span>
<span class="table-cell">
<input type="text" class="w-input cheackinput" name="scode" id="scode"><input type="button" class="g-btn" id="sendSafeCode" value="获取短信验证码">
</span>
</li>
</ul>
</div>
<div class="btnbox user-set-btnbox">
<input type="button" class="btn jssubmit" value="提交">
</div>
</form>
</section>
</section>
<div class="popmsg pop-dialog"></div>
<script src="__JS__/pop.lwx.min.js"></script>
<script>
$(function() {
$('#sendSafeCode').on('click',function() {
var jphone = $('#phone'),phone = $.trim(jphone.val()), that = $(this);
var pmsg = $('.popmsg').pop();
if (phone == '') {
pmsg.msg("手机号不能为空");
return false;
}
if (phone.length !== 11 || !(/^[1][35789][0-9]{9}$/.test(phone))) {
pmsg.msg("格式不正确");
return false;
}
$.ajax({
type:'post',
dataType:'json',
data:'phone='+phone,
url:'{:U("sendvcode")}',
success:function(data) {
switch (parseInt(data.status)) {
case 1: {
r(1);
};
case 0:{
pmsg.msg(data.msg);
}
break;
}
},
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)
}
};
});
$('.jssubmit').click(function() {
var pmsg = $('.popmsg').pop();
var phone = $.trim($('#phone').val());
var scode = $.trim($('#scode').val());
if (phone == '') {
pmsg.msg("手机号不能为空");
return false;
}
if (phone.length !== 11 || !(/^[1][358][0-9]{9}$/.test(phone))) {
pmsg.msg("格式不正确");
return false;
}
if(scode == ''){
pmsg.msg("验证码不能为空");
return false;
}
$.ajax({
cache:true,
type:'post',
url:"{:U('User/userphone')}",
data:$('#form').serialize(),
dataType:'json',
success:function(result){
pmsg.msg(result.msg);
if(result.status == 1){
setTimeout(function () {
window.location.href = result.url;
}, 2000);
}
},
error:function(){
pmsg.msg("错误")
}
})
});
});
</script>
</body>
</block>