开源中国 2018 年度最后一场技术盛会邀你来约~错过就要等明年啦!点此立即预约

xknaan / B-JUIJavaScriptApache-2.0

指数
0
Watch 266 Star 569 Fork 266
加入码云
与超过 300 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
B-JUI(Best jQuery UI) 前端框架,轻松开发,专注您的业务,从B-JUI开始。 展开 收起

login.html 6.54 KB
一键复制 编辑 Web IDE 原始数据 按行查看 历史
xknaan 提交于 2015-01-28 12:34 . login页面js引用错误
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>系统登录</title>
<script src="BJUI/js/jquery-1.7.2.min.js"></script>
<script src="BJUI/js/jquery.cookie.js"></script>
<script src="js/sha256.js"></script>
<link href="BJUI/themes/css/bootstrap.min.css" rel="stylesheet">
<style type="text/css">
* {font-family: "Verdana", "Tahoma", "Lucida Grande", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;}
body {
background: url(images/loginbg_01.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
a:link {color: #285e8e;}
.main_box {
position: absolute; top:50%; left:50%; margin-top:-260px; margin-left: -300px; padding: 30px; width:600px; height:460px;
background: #FAFAFA; background: rgba(255,255,255,0.5); border: 1px #DDD solid;
border-radius: 5px;
-webkit-box-shadow: 1px 5px 8px #888888; -moz-box-shadow: 1px 5px 8px #888888; box-shadow: 1px 5px 8px #888888;
}
.main_box .setting {position: absolute; top: 5px; right: 10px; width: 10px; height: 10px;}
.main_box .setting a {color: #FF6600;}
.main_box .setting a:hover {color: #555;}
.login_logo {margin-bottom: 20px; height: 45px; text-align: center;}
.login_logo img {height: 45px;}
.login_msg {text-align: center; font-size: 16px;}
.login_form {padding-top: 20px; font-size: 16px;}
.login_box .form-control {display: inline-block; *display: inline; zoom: 1; width: auto; font-size: 18px;}
.login_box .form-control.x319 {width: 319px;}
.login_box .form-control.x164 {width: 164px;}
.login_box .form-group {margin-bottom: 20px;}
.login_box .form-group label.t {width: 120px; text-align: right; cursor: pointer;}
.login_box .form-group.space {padding-top: 15px; border-top: 1px #FFF dotted;}
.login_box .form-group img {margin-top: 1px; height: 32px; vertical-align: top;}
.login_box .m {cursor: pointer;}
.bottom {text-align: center; font-size: 12px;}
</style>
<script type="text/javascript">
var COOKIE_NAME = 'sys__username';
$(function() {
choose_bg();
//changeCode();
if ($.cookie(COOKIE_NAME)){
$("#j_username").val($.cookie(COOKIE_NAME));
$("#j_password").focus();
$("#j_remember").attr('checked', true);
} else {
$("#j_username").focus();
}
/*$("#captcha_img").click(function(){
changeCode();
});*/
$("#login_form").submit(function(){
var issubmit = true;
var i_index = 0;
$(this).find('.in').each(function(i){
if ($.trim($(this).val()).length == 0) {
$(this).css('border', '1px #ff0000 solid');
issubmit = false;
if (i_index == 0)
i_index = i;
}
});
if (!issubmit) {
$(this).find('.in').eq(i_index).focus();
return false;
}
var $remember = $("#j_remember");
if ($remember.attr('checked')) {
$.cookie(COOKIE_NAME, $("#j_username").val(), { path: '/', expires: 15 });
} else {
$.cookie(COOKIE_NAME, null, { path: '/' }); //删除cookie
}
$("#login_ok").attr("disabled", true).val('登陆中..');
var password = HMAC_SHA256_MAC($("#j_username").val(), $("#j_password").val());
$("#j_password").val(HMAC_SHA256_MAC($("#j_randomKey").val(), password));
window.location.href = 'index.html'; /*注意:生产环境时请删除此行*/
return false;
});
});
function genTimestamp(){
var time = new Date();
return time.getTime();
}
function changeCode(){
//$("#captcha_img").attr("src", "/captcha.jpeg?t="+genTimestamp());
}
function choose_bg() {
var bg = Math.floor(Math.random() * 9 + 1);
$('body').css('background-image', 'url(images/loginbg_0'+ bg +'.jpg)');
}
</script>
</head>
<body>
<!--[if lte IE 7]>
<style type="text/css">
#errorie {position: fixed; top: 0; z-index: 100000; height: 30px; background: #FCF8E3;}
#errorie div {width: 900px; margin: 0 auto; line-height: 30px; color: orange; font-size: 14px; text-align: center;}
#errorie div a {color: #459f79;font-size: 14px;}
#errorie div a:hover {text-decoration: underline;}
</style>
<div id="errorie"><div>您还在使用老掉牙的IE,请升级您的浏览器到 IE8以上版本 <a target="_blank" href="http://windows.microsoft.com/zh-cn/internet-explorer/ie-8-worldwide-languages">点击升级</a>&nbsp;&nbsp;强烈建议您更改换浏览器:<a href="http://down.tech.sina.com.cn/content/40975.html" target="_blank">谷歌 Chrome</a></div></div>
<![endif]-->
<div class="main_box">
<div class="setting"><a href="javascript:;" onclick="choose_bg();" title="更换背景"><span class="glyphicon glyphicon-th-large"></span></a></div>
<div class="login_box">
<div class="login_logo">
<img src="images/logo.png" >
</div>
<!--
<c:if test="${!empty message}">
<div class="login_msg">
<font color="red">${message }</font>
</div>
</c:if>
-->
<div class="login_form">
<input type="hidden" value="${randomKey }" id="j_randomKey" />
<form action="index.html" id="login_form" method="post">
<input type="hidden" name="jfinal_token" value="${jfinal_token }" />
<div class="form-group">
<label for="j_username" class="t">用户名:</label> <input id="j_username" value="" name="username" type="text" class="form-control x319 in" autocomplete="off">
</div>
<div class="form-group">
<label for="j_password" class="t">密 码:</label> <input id="j_password" value="" name="passwordhash" type="password" class="form-control x319 in">
</div>
<div class="form-group">
<label for="j_captcha" class="t">验证码:</label> <input id="j_captcha" name="j_captcha" type="text" class="form-control x164 in">
<img id="captcha_img" alt="点击更换" title="点击更换" src="images/captcha.jpeg" class="m">
</div>
<div class="form-group">
<label class="t"></label>
<label for="j_remember" class="m"><input id="j_remember" type="checkbox" value="true">&nbsp;记住登陆账号!</label>
</div>
<div class="form-group space">
<label class="t"></label>   
<input type="submit" id="login_ok" value="&nbsp;登&nbsp;录&nbsp;" class="btn btn-primary btn-lg">&nbsp;&nbsp;&nbsp;&nbsp;
<input type="reset" value="&nbsp;重&nbsp;置&nbsp;" class="btn btn-default btn-lg">
</div>
</form>
</div>
</div>
<div class="bottom">Copyright &copy; 2013 - 2014 <a href="#">B-JUI 前端框架 - 系统登陆</a></div>
</div>
</body>
</html>

评论 ( 0 )

你可以在登录后,发表评论

搜索帮助