|
|
|
<!doctype html>
|
|
|
|
<html lang="en">
|
|
|
|
<html lang="en" style="font-size: 100px">
|
|
|
|
<head>
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
<meta charset="UTF-8" >
|
|
|
|
<meta name="viewport"
|
|
|
|
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
|
|
<link rel="stylesheet" href="//at.alicdn.com/t/font_724267_hizrwxnkr3j.css">
|
|
|
|
<link rel="stylesheet" href="__TMPL__/public/assets/css/style.css">
|
|
|
|
<script type="text/javascript" src="__TMPL__/public/assets/js/fontsize.js"></script>
|
|
|
|
<!--<script type="text/javascript" src="__TMPL__/public/assets/js/fontsize.js"></script>-->
|
|
|
|
<script type="text/javascript" src="__TMPL__/public/assets/js/base.js"></script>
|
|
|
|
<title>登陆</title>
|
|
|
|
</head>
|
|
|
|
<body style="background-color: #fff">
|
|
|
|
<div class="login_top">
|
|
|
|
<div class="container">
|
|
|
|
<div class="login_top">
|
|
|
|
<div class="top_img">
|
|
|
|
<img src="__TMPL__/public/assets/images/logo@2x.png" alt="">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="login_item">
|
|
|
|
</div>
|
|
|
|
<div class="login_item">
|
|
|
|
<div class="lo_item">
|
|
|
|
<div class="lo_item_name">手机号</div>
|
|
|
|
<div class="lo_item_input"><input type="text" placeholder="请填写手机号码" class="tel"></div>
|
|
...
|
...
|
@@ -24,19 +26,22 @@ |
|
|
|
<div class="lo_item">
|
|
|
|
<div class="lo_item_name">验证码</div>
|
|
|
|
<div class="lo_item_input border_r"><input type="text" class="code" placeholder="请输入"></div>
|
|
|
|
<div class="lo_code" ><input type="button" id="btn" value="获取验证码" onclick="settime(this)" class="lo_code" /></div>
|
|
|
|
<div class="lo_code" ><input type="button" id="btn" value="获取验证码" class="lo_code" /></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="re_btn">登录</div>
|
|
|
|
|
|
|
|
<div id="toast" style="display: none;">
|
|
|
|
</div>
|
|
|
|
<div class="re_btn">登录</div>
|
|
|
|
<div id="toast" style="display: none;">
|
|
|
|
<div class="weui-mask_transparent"></div>
|
|
|
|
<div class="weui-toast">
|
|
|
|
<i class="weui-icon-success-no-circle weui-icon_toast"></i>
|
|
|
|
<p class="weui-toast__content">已完成</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
<script src="__TMPL__/public/assets/js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
|
|
|
|
<script src="__TMPL__/public/assets/js/common.js" type="text/javascript" charset="utf-8"></script>
|
|
...
|
...
|
@@ -70,13 +75,15 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
$('#btn').click(function () {
|
|
|
|
$(".tel").blur(function(){
|
|
|
|
if( !AuglyTest_phone.test($('.tel').val()) ){
|
|
|
|
toast("请输入正确的电话号码!")
|
|
|
|
}
|
|
|
|
});
|
|
|
|
var tel = $('.tel').val();
|
|
|
|
console.log(tel)
|
|
|
|
if(tel.length == 0){
|
|
|
|
alert('手机号不能为空');
|
|
|
|
}else{
|
|
|
|
var AuglyTest_phone=/^1(3|4|5|7|8)\d{9}$/;
|
|
|
|
if(!AuglyTest_phone.test($('.tel').val()) ){
|
|
|
|
alert("请输入正确的电话号码!")
|
|
|
|
}else{
|
|
|
|
settime($(this));
|
|
|
|
$.ajax({
|
|
|
|
type : 'POST',
|
|
|
|
url : "{:url('portal/Index/sendSms')}",
|
|
...
|
...
|
@@ -90,30 +97,30 @@ |
|
|
|
alert('网络错误');
|
|
|
|
}
|
|
|
|
})
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
var countdown=60;
|
|
|
|
function settime(val) {
|
|
|
|
if (countdown == 0) {
|
|
|
|
val.removeAttribute("disabled");
|
|
|
|
val.value="获取验证码";
|
|
|
|
val.attr("disabled",false);
|
|
|
|
val.val("获取验证码");
|
|
|
|
countdown = 60;
|
|
|
|
} else {
|
|
|
|
var AuglyTest_phone=/^1(3|4|5|7|8)\d{9}$/;
|
|
|
|
|
|
|
|
|
|
|
|
val.setAttribute("disabled", true);
|
|
|
|
val.value= countdown +"s";
|
|
|
|
val.attr("disabled", true);
|
|
|
|
val.val(countdown +"s");
|
|
|
|
countdown--;
|
|
|
|
setTimeout(function() {
|
|
|
|
settime(val)
|
|
|
|
},1000)
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// $('.re_btn').click(function () {
|
|
|
|
// window.location.href="poster.html";
|
|
|
|
// })
|
...
|
...
|
|
