<!doctype html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<title>用户登录</title>
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<link rel="stylesheet" href="mobilCss/jquery.mobile-1.4.5.min.css" />
|
<script type="text/javascript" src="mobilJs/jquery-1.8.2.js"></script>
|
<script type="text/javascript" src="mobilJs/jquery.mobile-1.4.5.min.js"></script>
|
</head>
|
<body>
|
<div id="main">
|
<div data-role="page" id="main_cont" style="background:url(../mobil/image/backimg44.jpg);background-size:100% 100%;">
|
<div data-role="content" >
|
<h3 style="text-align:center;">用户登录</h3>
|
<form method="post" id="register">
|
<label id="user_t">用户名：</label>
|
<input id="user" name="user" type="text" autofocus
|
placeholder="请输入用户名" style="min-height:3.2em;" />
|
<label id="password_t" >密 码：</label>
|
<input id="password" name="password" type="password"
|
placeholder="密码" style="min-height:3.2em;" />
|
<p></p>
|
<input id="check" name="check" type="checkbox" checked="checked" data-role="none" alt=""/>
|
<label for="checkbox-0" >记住密码</label>
|
<span id="msg"></span>
|
<input id="sub" type="button" data-role="button" value="登录" />
|
|
</form>
|
</div>
|
<!-- <div id="footer" data-role="footer" data-position="fixed" >
|
<h1>福光电子有限公司</h1>
|
</div> -->
|
</div>
|
</div>
|
|
</body>
|
<script type="text/javascript">
|
//按钮触发事件
|
document.getElementById("sub").onclick = function() {
|
var user = document.getElementById("user").value.trim();
|
var password = document.getElementById("password").value.trim();
|
|
if (user=null||user == "" || user.length < 1) {
|
document.getElementById("msg").innerHTML = "请输入用户名";
|
} else if (password=null||password == "" || password.length < 1) {
|
document.getElementById("msg").innerHTML = "请输入密码";
|
} else {
|
checkuser();
|
}
|
|
};
|
|
//校验用户名密码是否正确
|
function checkuser() {
|
var user = document.getElementById("user").value.trim();
|
var password = document.getElementById("password").value.trim();
|
$.post(
|
"../LoginAction_login",
|
"uinf.UName="+user+"&uinf.Upassword="+password,
|
function(data) {
|
console.info(data);
|
data = eval("(" + data.result + ")");
|
console.info(data);
|
if (data.code == 0) {
|
document.getElementById("msg").innerHTML = data.msg;
|
} else {
|
if (document.getElementById("check").checked) {
|
setCookie("username", user, "password", password, 5);
|
}else{
|
cleanCookie("username", "password");
|
}
|
window.location.href = "index.html";
|
}
|
});
|
}
|
|
//页面加载时检查cookie
|
window.load = checkCookie();
|
|
function getCookie(c_name){ //根据分隔符取每个变量的值
|
if (document.cookie.length > 0) {
|
c_start = document.cookie.indexOf(c_name + "=");
|
if (c_start != -1) {
|
c_start = c_start + c_name.length + 1;
|
c_end = document.cookie.indexOf("^", c_start);
|
if (c_end == -1)
|
c_end = document.cookie.length;
|
return unescape(document.cookie.substring(c_start, c_end));
|
}
|
}
|
return "";
|
}
|
|
//设置cookie中的用户名以及密码
|
function setCookie(c_name, n_value, p_name, p_value, expiredays) //设置cookie
|
{
|
var exdate = new Date();
|
exdate.setDate(exdate.getDate() + expiredays);
|
document.cookie = c_name
|
+ "="
|
+ escape(n_value)
|
+ "^"
|
+ p_name
|
+ "="
|
+ escape(p_value)
|
+ ((expiredays == null) ? "" : "^;expires="
|
+ exdate.toGMTString());
|
console.log(document.cookie);
|
}
|
|
function checkCookie() //检测cookie是否存在，如果存在则直接读取，否则创建新的cookie
|
{
|
var username = getCookie("username");
|
var password = getCookie("password");
|
if (username != null && username != "" && password != null
|
&& password != "") {
|
document.getElementById("user").value = username;
|
document.getElementById("password").value = password;
|
} else {
|
//username = prompt('Please enter your name:', "");
|
//password = prompt('Please enter your name:', "");
|
if (username != null && username != "" && password != null
|
&& password != "") {
|
setCookie('username', username, 'password', password, 365);
|
}
|
}
|
}
|
|
function cleanCookie(c_name, p_name) { //使cookie过期
|
document.cookie = c_name + "=" + ";" + p_name + "="
|
+ ";expires=Thu, 01-Jan-70 00:00:01 GMT";
|
//console.info("删除成功");
|
}
|
</script>
|
</html>
|
