点击登录没有任何反应,移动到登录附近鼠标也不会变成手的形状
<%@ page language="java" import="java.util.*" contentType="text/html;charset=UTF-8"%>
<html>
<head>
<style>
.main{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.input {
border: none;
background:none;
color: #ffffff;
margin-top: 15px;
left: 50%;
}
</style>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<title>模拟考试系统-登录</title>
<link rel="stylesheet" href="${pageContext.request.contextPath}/assets/fonts/iconfont.css"/>
<link rel="stylesheet" href="${pageContext.request.contextPath}/assets/css/font.css"/>
<link rel="stylesheet" href="${pageContext.request.contextPath}/assets/css/mui.css"/>
<link rel="stylesheet" href="${pageContext.request.contextPath}/assets/css/login.css"/>
<script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/jquery-1.8.3.min.js"></script>
<script>(function (doc, win) {
var docEl = doc.documentElement,
resizeEvt = "orientationchange" in window ? "orientationchange" : "resize",
recalc = function () {
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
docEl.style.fontSize = 20 * (clientWidth / 320) + "px";
};
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener("DOMContentLoaded", recalc, false);
})(document, window);
function checklogin()
{
if($("#username").val()==null||$("#username").val()=="")
{
// mui.alert("请输入用户名!", "提示",function(){});
$("#errmsg").html("请输入用户名!");
return false;
}else
if($("#password").val()==null||$("#password").val()=="")
{
//mui.alert("请输入密码!", "提示",function(){});
$("#errmsg").html("请输入密码!");
return false;
}else
if($("#vcode").val()==null||$("#vcode").val()=="") {
$("#errmsg").html("请输入验证码!");
return false;
}
}
function changeImg() {
$("#code_img").attr("src", $("#code_img").attr("src") + 1);
return false;
}
</script>
</head>
<body>
<div class="main">
<div class="header">
<img src="${pageContext.request.contextPath}/assets/img/logintitle.png" style="width:100%"/>
</div>
<div class="errmsg" id="errmsg"></div>
<div class="login-wrap">
<form action="${pageContext.request.contextPath}/user/login.do" method="post">
<div class="login-box">
<div class="input-wrap">
<input type="text" name="username" placeholder="用户名" id="username"/>
</div>
<div class="input-wrap">
<input type="password" name="password" placeholder="密码" id="password"/>
</div>
<div class="input-wrap">
<input type="text" name="vcode" placeholder="验证码" id="vcode"/>
<img src="${pageContext.request.contextPath}/assets/img/vcode.jpg" class="validate-code" id="code_img">
</div>
</div>
<div class="choose_box">
<input type="checkbox" checked="checked" name="rember" id="rember" value="1" style="-webkit-appearance:checkbox;"/>
记住密码
</div>
<div class="btns"></div>
<div class="weui_btn login-btn weui_btn_primary" style="height:50px;">
<input type="submit" class="input" onclick="checklogin()" value="登 录"/>
</div>
</form>
<div class="btns"></div>
<div class="nologin">还没有账号?请先<a href="regist.html">注册</a></div>
<div class="contact"><a href="contact.html">联系我们</a></div>
</div>
<div class="footer">
Copyright © ShiZaolin.com
</div>
</div>
</body>
</html>