@@ -0,0 +1,155 @@
|
||||
{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")}
|
||||
Reference in New Issue
Block a user