login.html 3.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <link rel="shortcut icon" href="${contextPath}/favicon.ico"/>
  6. <link rel="bookmark" href="${contextPath}/favicon.ico"/>
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
  9. <link rel="stylesheet" href="${contextPath}/css/main.css">
  10. <link rel="stylesheet" href="${contextPath}/css/bootstrap/bootstrap.min.css">
  11. <link rel="stylesheet" href="${contextPath}/css/font-awesome.min.css">
  12. <title>吉林省产业技术创新联盟管理平台-登陆</title>
  13. </head>
  14. <body>
  15. <div class="login-qiantai">
  16. <div class="container">
  17. <div class="login_content col-lg-offset-3 col-md-offset-3 col-sm-offset-3 col-xs-offset-3 col-lg-6 col-md-6 col-sm-6 col-xs-6">
  18. <div class="row">
  19. <h3>吉林省产业技术创新联盟管理平台</h3>
  20. </div>
  21. <div class="row login_form">
  22. <div class="container-fluid">
  23. <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
  24. <img class="img-responsive" src="${contextPath}/img/logo.gif" alt="logo">
  25. </div>
  26. <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
  27. <form action="${contextPath}/login" id="login" role="form" method="post">
  28. <div class="form-group">
  29. <input type="text" name="userName" placeholder="用户名" class="form-control" id="login_user" onkeyup="nameEnter(event);">
  30. </div>
  31. <div class="form-group">
  32. <input type="password" name="userPwd" placeholder="密码" class="form-control" id="login_psw" onkeyup="pwdEnter(event);">
  33. </div>
  34. <div class="form-group">
  35. <input type="button" class="btn btn-qx" onclick="reset();" value="取消" />
  36. <input type="button" class="btn btn-dl" onclick="login();" value="登陆" />
  37. </div>
  38. </form>
  39. </div>
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  44. </div>
  45. <br>
  46. <div class="footer-qiantai navbar-fixed-bottom">
  47. <p>版权所有:吉林省计算中心 技术支持:长春市福瑞科技有限公司</p>
  48. <p>地址:吉林省长春市朝阳区前进大街1244号</p>
  49. </div>
  50. <script src="${contextPath}/js/jquery.min.js"></script>
  51. <script src="${contextPath}/js/bootstrap.min.js"></script>
  52. <script>
  53. // 设置巨幕中文本区域动态垂直方向居中
  54. $(window).load(function(){
  55. $('.text').css('margin-top',($('.jumbotron').height()-$('.text').height())/2 + 'px');
  56. });
  57. $(window).resize(function(){
  58. $('.text').css('margin-top',($('.jumbotron').height()-$('.text').height())/2 + 'px');
  59. });
  60. function login(){
  61. if($("#login_user").val()==""){
  62. alert("请输入登录用户名称!");
  63. $("#login_user").focus();
  64. return false;
  65. }
  66. if($("#login_psw").val()==""){
  67. alert("请输入登录用户密码!");
  68. $("#login_psw").focus();
  69. return false;
  70. }
  71. $("#login").submit();
  72. }
  73. function reset(){
  74. $("#login").reset();
  75. }
  76. function nameEnter(event){
  77. if(event.keyCode == 13){
  78. $("#login_psw").focus();
  79. }
  80. }
  81. function pwdEnter(event){
  82. if(event.keyCode == 13){
  83. login();
  84. }
  85. }
  86. </script>
  87. <%if(msg!'' != ''){%>
  88. <script>
  89. alert('${msg}');
  90. </script>
  91. <%}%>
  92. </body>
  93. </html>