Files
thinksaas_lmve/app/user/html/phone_verify.html
T
2023-06-22 13:33:25 +08:00

161 lines
5.0 KiB
HTML

{php include pubTemplate("header")}
<div class="container">
<div class="row">
<div class="col-md-3"></div>
<div class="col-md-6">
<div class="card">
<div class="card-body">
{if tsIntval($strUser['isverifyphone'])==0 && tsIntval($TS_SITE['isverifyphone'])==1}
<div class="alert alert-info">提示:你必须通过手机号验证才可以正常使用本社区</div>
{/if}
{if $strUser['isverifyphone']==1}
<div class="alert alert-success">
您已经通过手机号验证!现在可以随便点点看看我们的社区!
</div>
{else}
<form id="comm-form" method="post" action="{SITE_URL}index.php?app=user&ac=phone&ts=verifydo">
<div class="form-group">
<label>手机号</label>
<div>
<input id="myphone" type="number" name="phone" class="form-control" value="{if isPhone($strUser['phone'])}{$strUser['phone']}{else}{/if}">
</div>
</div>
<div class="form-group">
<label>图片验证码</label>
<div class="d-flex flex-row align-items-center">
<div class="d-flex"><input id="authcode" type="text" name="authcode" class="form-control" value=""></div>
<div class="d-flex ml-1">
<img id="imagecode" align="absmiddle" src="{SITE_URL}index.php?app=pubs&ac=code" onclick="javascript:newgdcode(this,this.src);" title="点击刷新验证码" alt="点击刷新验证码" style="cursor:pointer;" />
<a href="javascript:void('0');" onclick="changeImageCode();">点击刷新验证码</a>
</div>
</div>
</div>
<div class="form-group">
<label>手机验证码</label>
<div class="d-flex flex-row">
<div class="d-flex"><input type="text" class="form-control" name="phonecode" value=""></div>
<div class="d-flex ml-1"><button id="mybtn" type="button" class="btn btn-outline-secondary">获取验证码</button></div>
</div>
</div>
<button type="submit" class="btn btn-sm btn-info">点击开始验证</button> <small class="text-danger">(手机号验证通过后下次可以使用手机号登录社区)</small>
</form>
<!--
<hr>
<form method="post" action="{tsUrl('user','phone',array('ts'=>'setphone'))}">
<div class="form-group">
<label>手机号不对吗?更换手机号:</label>
<input type="number" name="phone" class="form-control" placeholder="请输入你要更换的手机号">
</div>
<input type="hidden" name="token" value="{$_SESSION['token']}" />
<input class="btn btn-sm btn-outline-secondary" type="submit" value="提交修改" />
</form>
-->
{/if}
</div>
</div>
</div>
<div class="col-md-3"></div>
</div>
</div>
<!--{if $TS_SITE['is_vaptcha']}-->
<script src="https://v-cn.vaptcha.com/v3.js"></script>
<script>
vaptcha({
vid: '{$TS_SITE[vaptcha_vid]}',// 验证单元id
mode: 'invisible',// 显示类型 隐藏式
scene: 0,// 场景值 默认0
area: 'auto' //验证节点区域,默认 auto,可选值 auto,sea,na,cn
}).then(function (vaptchaObj) {
obj = vaptchaObj; //将VAPTCHA验证实例保存到局部变量中
vaptchaObj.listen("pass", function () {
// 验证成功进行后续操作
serverToken = vaptchaObj.getServerToken()
sendPhoneCode(0,serverToken.token,serverToken.server)
vaptchaObj.reset(); //重置验证码
});
//关闭验证弹窗时触发
vaptchaObj.listen("close", function () {
//验证弹窗关闭触发
});
})
$("#mybtn").on("click", function () {
var phone = $("#myphone").val();
var authcode = $("#authcode").val();
if(phone && authcode){
//人机验证
obj.validate();
}else{
tsNotice('手机号和图形验证码必须填写!');
}
});
</script>
<!--{else}-->
<script>
$("#mybtn").on("click", function () {
var phone = $("#myphone").val();
var authcode = $("#authcode").val();
if(phone && authcode){
sendPhoneCode(0)
}else{
tsNotice('手机号和图形验证码必须填写!');
}
});
</script>
<!--{/if}-->
{php include pubTemplate("footer")}