张家口产业监测
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
hb-cyjc-zhangjiakou/WebRoot/hbcyjc/secondValidate.jsp

117 lines
3.3 KiB

<%@ page language="java" pageEncoding="UTF-8" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<%@ include file="/common/ctx.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>二次认证</title>
<style>
.u-title {
position: relative;
width: 300px;
margin: 0 auto;
margin-top: 300px;
text-align: center;
font-size: 2rem;
color: #fff;
}
.u-title img {
position: absolute;
top: -25px;
left: 0;
}
.u-code-input {
margin-top: 40px;
text-align: center
}
.u-code-input input {
border: 1px solid #fff;
background: #FFF;
border-radius: 10px;
height: 50px;
width: 50%;
font-size: 1.2rem;
text-indent: 20px;
}
.u-btn {
margin-top: 40px;
text-align: center;
}
.u-btn button {
display: inline-block;
height: 45px;
line-height: 45px;
padding: 0 50px;
background-color: #1E9FFF;
color: #fff;
white-space: nowrap;
text-align: center;
font-size: 18px;
border: none;
border-radius: 2px;
cursor: pointer;
}
.layui-layer-content{
color: black;
}
</style>
<%@ include file="/common/theme_css.jsp" %>
<script type="text/javascript" src="${ctx }/hbcyjc/resource/js/jquery.min.js"></script>
<script type="text/javascript" src="${ctx }/hbcyjc/resource/js/layer/layer.js"></script>
<script>
$(document).ready(function () {
if (window != top) {
top.location.href = location.href;
}
var msg = '${errMsg}';
if (msg != '') {
layer.msg(msg);
}
});
</script>
</head>
<body>
<div class="xingk"></div>
<div class="u-code">
<div class="u-title">
<img src="${ctx}/theme/common/downloadErWeiMa.png" style="width: 150px;height: 150px;position: absolute;top: -150px;left: 75px;">
<span style="font-size: 45px;">身份验证器</span>
</div>
<form name="mainForm" id="mainForm" method="post" action="${ctx}/hbcyjclogin/secondValidate.do">
<div class="u-code-input">
<input style="color: #000" name="otpCode" id="otpCode" type="number" maxlength="10" step="1" placeholder="请输入验证码"/>
</div>
<div class="u-btn">
<button type="button" onclick="submitForm()">认证</button>
</div>
</form>
</div>
<script type="text/javascript">
function submitForm() {
var v = $('#otpCode').val() || '';
if (!v.trim()) {
layer.msg("请输入两步认证验证码");
return;
}
document.mainForm.submit();
}
</script>
</body>
</html>