login.jsp 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <!DOCTYPE html>
  4. <html lang="en">
  5. <head>
  6. <meta charset="utf-8">
  7. <title>江苏省港口建设与经营管理信息系统</title>
  8. <meta name="viewport" content="width=device-width, initial-scale=1">
  9. <%@ include file="../common.jsp"%>
  10. <style type="text/css">
  11. footer{width:100%;height:54px;background-color:#054fa2;position:absolute;bottom:0px;opacity:0.8;text-align:center;}
  12. footer img{width:27px;height:28px;position:relative;}
  13. #footer2{position:relative;color:#f2f1f1; line-height:54px;margin-right:1%;display:inline;}
  14. </style>
  15. </head>
  16. <script type="text/javascript">
  17. $(document).ready(function () {
  18. $("#login").show();
  19. });
  20. if(window != top){
  21. top.location.href=$.app+"/main"
  22. }
  23. function reCode(){
  24. var imgSrc = $("#yzm");
  25. imgSrc.attr("src", $.app+"/yzm?"+Math.random());
  26. }
  27. function checkLogin(){
  28. if(isEmpty($('#usrName_input').val())){
  29. $('#errDiv').html('请输入用户名!');
  30. return false;
  31. }
  32. if(isEmpty($('#Password_input').val())){
  33. $('#errDiv').html('请输入密码!');
  34. return false;
  35. }
  36. if(isEmpty($('#captcha').val())){
  37. $('#errDiv').html('请输入验证码!');
  38. return false;
  39. }
  40. $("#login").hide();
  41. return true;
  42. }
  43. </script>
  44. <body>
  45. <img id="bg_images" src="${app }/static/biz/image/login_province.jpg" />
  46. <img id="logo_words_province" src="${app }/static/biz/image/logo_words_province.png" />
  47. <div id="login" style="display:none;" >
  48. <form class="form-horizontal" onsubmit="return checkLogin()" action="${app }/login" method="post">
  49. <div class="logindiv" >
  50. <div class="logininput">
  51. <input type="text" name="username" id="usrName_input" placeholder="用户名" value="${username }" />
  52. </div>
  53. <div class="usr"></div>
  54. </div>
  55. <div class="logindiv" style="margin-top: 30px;">
  56. <div class="logininput">
  57. <input type="password" name="password" id="Password_input" placeholder="密码" value="${password }"/>
  58. </div>
  59. <div class="lock"></div>
  60. </div>
  61. <div class="logindiv" style="margin-top: 30px;">
  62. <div class="logininput">
  63. <input type="text" maxlength="4" name="captcha" AUTOCOMPLETE="off" id="captcha" style="width: 55%" value="" placeholder="验证码" />
  64. <img id="yzm" src="${app }/yzm" style="height: 50px;float: right;width: 30%" class="login_icon_5" onclick="reCode()" title="点击更换">
  65. </div>
  66. <div class="yzmDiv"></div>
  67. </div>
  68. <div id="errDiv" style="text-align: center;color: red;">
  69. ${error }
  70. </div>
  71. <div style="text-align: center;">
  72. <button id="log_button" type="submit" >登录</button>
  73. </div>
  74. </form>
  75. </div>
  76. <footer>
  77. <img src="${app }/static/biz/image/footer_img.png" />
  78. <p id="footer2">Copyright 2015 江苏省新通智能交通科技发展有限公司版权所有</p>
  79. </footer>
  80. </body>
  81. </html>