login.jsp 2.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  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. if(window != top){
  18. top.location.href=$.app+"/main"
  19. }
  20. function reCode(){
  21. var imgSrc = $("#yzm");
  22. imgSrc.attr("src", $.app+"/yzm?"+Math.random());
  23. }
  24. function checkLogin(){
  25. if(isEmpty($('#usrName_input').val())){
  26. $('#errDiv').html('请输入用户名!');
  27. return false;
  28. }
  29. if(isEmpty($('#Password_input').val())){
  30. $('#errDiv').html('请输入密码!');
  31. return false;
  32. }
  33. if(isEmpty($('#captcha').val())){
  34. $('#errDiv').html('请输入验证码!');
  35. return false;
  36. }
  37. return true;
  38. }
  39. </script>
  40. <body>
  41. <img id="bg_images" src="${app }/static/biz/image/login_province.jpg" />
  42. <img id="logo_words_province" src="${app }/static/biz/image/logo_words_province.png" />
  43. <div id="login">
  44. <form class="form-horizontal" onsubmit="return checkLogin()" action="${app }/login" method="post">
  45. <div class="logindiv" >
  46. <div class="logininput">
  47. <input type="text" name="username" id="usrName_input" placeholder="用户名" value="${username }" />
  48. </div>
  49. <div class="usr"></div>
  50. </div>
  51. <div class="logindiv" style="margin-top: 30px;">
  52. <div class="logininput">
  53. <input type="password" name="password" id="Password_input" placeholder="密码" value="${password }"/>
  54. </div>
  55. <div class="lock"></div>
  56. </div>
  57. <div class="logindiv" style="margin-top: 30px;">
  58. <div class="logininput">
  59. <input type="text" maxlength="4" name="captcha" AUTOCOMPLETE="off" id="captcha" style="width: 55%" value="" placeholder="验证码" />
  60. <img id="yzm" src="${app }/yzm" style="height: 50px;float: right;width: 30%" class="login_icon_5" onclick="reCode()" title="点击更换">
  61. </div>
  62. <div class="yzmDiv"></div>
  63. </div>
  64. <div id="errDiv" style="text-align: center;color: red;">
  65. ${error }
  66. </div>
  67. <div style="text-align: center;">
  68. <button id="log_button" type="submit" >登录</button>
  69. </div>
  70. </form>
  71. </div>
  72. <footer>
  73. <img src="${app }/static/biz/image/footer_img.png" />
  74. <p id="footer2">Copyright 2015 江苏省新通智能交通科技发展有限公司版权所有</p>
  75. </footer>
  76. </body>
  77. </html>