155 lines
3.9 KiB
HTML
155 lines
3.9 KiB
HTML
{php include pubTemplate("header")}
|
|
<!--main-->
|
|
<div class="container">
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-md-3"></div>
|
|
<div class="col-md-6">
|
|
|
|
|
|
|
|
|
|
<div class="card">
|
|
<div class="card-body" style="padding: 15px 30px 30px;">
|
|
|
|
|
|
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<div class="fs24">短信登录</div>
|
|
<div><a href="{tsUrl('user','login')}"><i class="bi bi-envelope"></i> 账号密码登录</a></div>
|
|
</div>
|
|
|
|
<hr />
|
|
|
|
|
|
<form id="comm-form" method="POST" action="{SITE_URL}index.php?app=user&ac=plogin&ts=do" role="form">
|
|
<div class="form-group">
|
|
<label>手机号</label>
|
|
|
|
<input id="myphone" name="email" type="number" class="form-control" placeholder="手机号">
|
|
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label>图形验证码：</label>
|
|
|
|
|
|
<div class="d-flex flex-row align-items-center">
|
|
<div class="d-flex">
|
|
<input id="authcode" name="authcode" type="text" class="form-control" placeholder="" >
|
|
</div>
|
|
<div class="d-flex ml-1">
|
|
|
|
<img id="imagecode" src="{SITE_URL}index.php?app=pubs&ac=code" onclick="javascript:newgdcode(this,this.src);" title="点击刷新验证码" alt="点击刷新验证码" style="cursor:pointer;" />
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label>手机验证码：</label>
|
|
|
|
<div class="d-flex flex-row align-items-center">
|
|
<div>
|
|
<input name="phonecode" type="text" class="form-control" placeholder="" >
|
|
</div>
|
|
<div class="ml-1">
|
|
<button id="mybtn" type="button" class="btn btn-outline-secondary" style="float: right;">获取验证码</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
|
<button id="comm-submit" type="submit" class="btn btn-fat btn-success btn-lg btn-block">登录</button>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</form>
|
|
|
|
|
|
|
|
</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(2,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(2)
|
|
}else{
|
|
tsNotice('手机号和图形验证码必须填写！');
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<!--{/if}-->
|
|
|
|
{php include pubTemplate("footer")} |