jdc_dkh_jxicustomer
Version:
JDC_dkh_jxicustomer ==== 产品经理：田宇，弥磊 设计：罗婷 交互：张钊
59 lines (58 loc) • 2.33 kB
HTML
<html>
<head>
<meta charset="utf-8" />
<meta name="keywords" content=""/>
<meta name="description" content="" />
<title></title>
<link rel="stylesheet" type="text/css" href="//misc.360buyimg.com/jdf/1.0.0/unit/ui-base/1.0.0/ui-base.css" media="all" />
<link rel="stylesheet" type="text/css" href="../css/login.css" />
<script type="text/javascript" src="http://misc.360buyimg.com/virtuals/popui/2.1.6/??js/lib/jquery-1.11.3.js,js/lib/seajs.js"></script>
<script type="text/javascript" src="../js/core/echarts.js"></script>
</head>
<body>
<div class="login">
{%widget name="login-logo"%}
<div class="form">
<div class="title">
登录
</div>
<input class="inp-text username" type="text" placeholder="请输入管理员手机号码或邮箱">
<p class="err-tips">输入信息有误</p>
<input class="inp-text password" type="text" placeholder="请输入验证码">
<input class="inp-btn-line" id="btn-getCode" type="button" value="获取验证码">
<p class="err-tips">输入信息有误</p>
<input class="inp-btn-full" type="button" id="login" value="激活并登录">
<p class="tips">已是企业管理员？<a class="em" href="./login.html"> 直接登录></a></p>
</div>
</div>
</body>
<script type="text/javascript">
$("#btn-getCode").bind("click", function() {
var self = this;
if($(self).hasClass("inp-btn-line-disable")) return;
$(self).val("重新获取(60s)");
$(self).removeClass("inp-btn-line");
$(self).addClass("inp-btn-line-disable");
//设定倒数秒数
var t = 60;
//显示倒数秒数
function showTime() {
t!=0 && (t -= 1);
$(self).val("重新获取("+t+"s)");
if(t==0){
$(self).val("获取验证码");
$(self).addClass("inp-btn-line");
$(self).removeClass("inp-btn-line-disable");
}
//每秒执行一次,showTime()
t!=0 && setTimeout(showTime, 1000);
}
//执行showTime()
showTime();
})
$("#login").bind("click", function () {
$(".err-tips").show();
})
</script>
</html>