{yun:}include file="$wapstyle/member/cheader.htm"{/yun}
|
<script src="{yun:}$wap_style{/yun}/js/binding.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
|
<script>
|
var weburl="{yun:}$config.sy_weburl{/yun}";
|
var usertype="{yun:}$usertype{/yun}";
|
</script>
|
|
<section class="wap_member_box">
|
<div id="yunvue">
|
{yun:}if $smarty.get.type=="email"{/yun}
|
<ul class="security mt15">
|
<li>
|
<span class="security_anme">邮 箱 </span>
|
<div class="security_text">
|
<input type="text" class="security_text_t" name="email" id="emailval" v-model="email" placeholder="请输入邮箱">
|
</div>
|
</li>
|
<li>
|
<span class="security_anme">图片验证</span>
|
<div class="security_text Image_authentication">
|
<input v-model="authcode" type="text" name="authcode" class="security_text_t" placeholder="输入图片内容">
|
<div class="security_text_authentication">
|
<img id="vcode_img" :src="authcodeUrl" class="yunset_sj_boxyzm" onclick="checkCode('vcode_img');" width="100%">
|
</div>
|
</div>
|
</li>
|
</ul>
|
<div class="security_bth">
|
<input type="button" value="发送到邮箱验证" class="security_bth_but" @click="formSubmit()">
|
</div>
|
{yun:}/if{/yun}
|
|
{yun:}if $smarty.get.type=="moblie"{/yun}
|
<ul class="security">
|
<li>
|
<span class="security_anme">手机号码 </span>
|
<div class="security_text">
|
<input type="text" class="security_text_t" name="moblie" id="moblieval" v-model="moblie" placeholder="输入手机号">
|
</div>
|
</li>
|
|
<li>
|
<span class="security_anme">图片验证</span>
|
<div class="security_text">
|
<div class="security_text">
|
<input type="text" name="authcode" v-model="authcode" class="security_text_t" placeholder="输入图片内容">
|
</div>
|
<div class="security_text_authentication">
|
<img id="vcode_img" :src="authcodeUrl" class="yunset_sj_boxyzm" onclick="checkCode('vcode_img');">
|
</div>
|
|
</div>
|
</li>
|
<li>
|
<span class="security_anme">短信验证码</span>
|
<div class="security_text">
|
<div class="security_text">
|
<input type="text" v-model="code" class="security_text_t" maxlength="6" placeholder="输入短信验证码" id="moblie_code">
|
</div>
|
<a href="javascript:void(0);" onclick="sendmoblie('vcode_img');" class="security_hq" id="time">获取验证码</a>
|
</div>
|
</li>
|
</ul>
|
<div class="security_bth">
|
<input type="button" value="提交" class="security_bth_but" @click="formSubmit()">
|
</div>
|
{yun:}/if{/yun}
|
</div>
|
</section>
|
<input type="hidden" id="send" value="0" />
|
|
<script>
|
var yunvue = new Vue({
|
el: '#yunvue',
|
data() {
|
return {
|
bind: '',
|
moblie: '',
|
code: '',
|
authcode: '',
|
email: '',
|
codeview: true,
|
flag: 120,
|
authcodeUrl: '{yun:}$config.sy_wapdomain{/yun}/authcode.inc.php'
|
};
|
},
|
created() {
|
let type = getUrlKey('type');
|
this.bind = type == 'moblie' ? 'tel' : 'email';
|
this.getInfo();
|
},
|
methods: {
|
getInfo: function(){
|
var that = this;
|
var param = {rand: Math.random()};
|
showLoading();
|
$.post('{yun:}url d=wxapp h=com m=info c=getinfo{/yun}', param, function (data) {
|
hideLoading();
|
if(data){
|
that.moblie = data.data.linktel ? data.data.linktel : '';
|
that.email = data.data.linkmail ? data.data.linkmail : '';
|
}
|
}, 'json')
|
},
|
formSubmit: function() {
|
var that = this;
|
var formData = {};
|
|
if (that.bind == 'tel') {
|
if (that.moblie == '') {
|
return showModal('请填写手机号');
|
} else if (!isjsMobile(that.moblie)) {
|
return showModal('请填写正确的手机');
|
}
|
|
if(that.authcode==""){
|
return showModal('请输入图片验证码');
|
}
|
|
formData.moblie = that.moblie;
|
|
if (that.code == '') {
|
return showModal('请填写短信验证码');
|
}
|
var url = '{yun:}url d=wxapp h=com m=set c=bindingbox{/yun}';
|
formData.code = that.code;
|
} else if (that.bind == 'email') {
|
var emailReg = /^([a-zA-Z0-9\-]+[_|\_|\.]?)*[a-zA-Z0-9\-]+@([a-zA-Z0-9\-]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
|
|
if (that.email == '') {
|
return showModal('请填写邮箱');
|
} else if (!emailReg.test(that.email)) {
|
return showModal('邮箱格式错误');
|
}
|
|
if(that.authcode==""){
|
return showModal('请输入图片验证码');
|
}
|
var url = '{yun:}url m=wap c=ajax a=emailcert{/yun}';
|
formData.email = that.email;
|
formData.authcode = that.authcode;
|
}
|
|
var bind = that.bind;
|
formData.id = bind;
|
formData.source = 'wap';
|
|
showLoading();
|
$.post(url, formData, function (data) {
|
hideLoading();
|
if (data.error == 0) {
|
if (bind == 'tel') {
|
showModal('绑定成功', function() {
|
history.go(-1)
|
});
|
} else if (bind == 'email') {
|
showModal('邮件发送成功', function() {
|
history.go(-1)
|
});
|
}
|
} else {
|
showModal(data.msg);
|
}
|
}, 'json')
|
}
|
}
|
});
|
</script>
|
|
</body>
|
</html>
|
