login.jsp 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176
  1. <%@ page language="java" contentType="text/html; charset=utf-8"
  2. pageEncoding="utf-8"%>
  3. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
  4. <!DOCTYPE HTML>
  5. <html>
  6. <head>
  7. <meta charset="utf-8">
  8. <meta name="renderer" content="webkit|ie-comp|ie-stand">
  9. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  10. <meta name="viewport"
  11. content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  12. <meta http-equiv="Cache-Control" content="no-siteapp" />
  13. <!--[if lt IE 9]>
  14. <script type="text/javascript" src="${pageContext.request.contextPath }/common/admin/lib/html5.js"></script>
  15. <script type="text/javascript" src="${pageContext.request.contextPath }/common/admin/lib/respond.min.js"></script>
  16. <script type="text/javascript" src="${pageContext.request.contextPath }/common/admin/lib/PIE_IE678.js"></script>
  17. <![endif]-->
  18. <link href="${pageContext.request.contextPath }/common/admin/css/H-ui.min.css" rel="stylesheet" type="text/css" />
  19. <link href="${pageContext.request.contextPath }/common/admin/css/H-ui.login.css" rel="stylesheet" type="text/css" />
  20. <link href="${pageContext.request.contextPath }/common/admin/css/style.css" rel="stylesheet" type="text/css" />
  21. <link href="${pageContext.request.contextPath }/common/admin/lib/Hui-iconfont/1.0.1/iconfont.css" rel="stylesheet" type="text/css" />
  22. <!--[if IE 6]>
  23. <script type="text/javascript" src="http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js" ></script>
  24. <script>DD_belatedPNG.fix('*');</script>
  25. <![endif]-->
  26. <title>后台登录 - 爱贝源微商场管理系统</title>
  27. <meta name="keywords" content="水时代微商场管理系统">
  28. </head>
  29. <body>
  30. <input type="hidden" id="TenantId" name="TenantId" value="" />
  31. <div class="header"></div>
  32. <div class="loginWraper">
  33. <div id="loginform" class="loginBox bk-gray radius box-shadow">
  34. <form class="form form-horizontal"
  35. action="${pageContext.request.contextPath }/login" method="post">
  36. <input type="hidden"
  37. value="<%=session.getAttribute("loginToken")%>" name="loginToken">
  38. <c:if test="${!empty isShowDiv}">
  39. <c:choose>
  40. <c:when test="${isShowDiv == true }">
  41. <div id="errorDiv"
  42. style="margin-left: 20%; width: 60%; height: 55px; line-height: 55px; margin-top: 10px; padding: 0px 12px; border: 1px solid rgb(235, 204, 209); background-color: rgb(242, 222, 222);" class=".Validform_wrong">
  43. <span id="errinfo" style="color: #A94442; font-size: 13px;">${divText }</span>
  44. <span id="closediv"
  45. style="width: 20px; height: 20px; text-align: center; float: right; cursor: pointer;">x</span>
  46. </div>
  47. </c:when>
  48. <c:otherwise>
  49. <div id="errorDiv"
  50. style="display: hidden; margin-left: 20%; width: 60%; height: 55px; line-height: 55px; margin-top: 10px; padding: 0px 12px; border: 1px solid rgb(235, 204, 209); background-color: rgb(242, 222, 222);">
  51. <span id="errinfo" style="color: #A94442; font-size: 13px;"></span>
  52. <span id="closediv"
  53. style="width: 20px; height: 20px; text-align: center; float: right; cursor: pointer;">x</span>
  54. </div>
  55. </c:otherwise>
  56. </c:choose>
  57. </c:if>
  58. <div class="row cl">
  59. <label class="form-label col-3"><i class="Hui-iconfont">&#xe60d;</i></label>
  60. <div class="formControls col-8">
  61. <input id="adminLoginName" autocomplete="off" name="adminLoginName" type="text"
  62. value="${loginName }" placeholder="请输入账号" class="input-text size-L">
  63. </div>
  64. </div>
  65. <div class="row cl">
  66. <label class="form-label col-3"><i class="Hui-iconfont">&#xe60e;</i></label>
  67. <div class="formControls col-8">
  68. <input id="adminLoginPwd" autocomplete="off" name="adminLoginPwd" type="password"
  69. value="${loginPwd }" placeholder="请输入密码" class="input-text size-L">
  70. </div>
  71. </div>
  72. <div class="row cl">
  73. <div class="formControls col-8 col-offset-3">
  74. <input class="input-text size-L" autocomplete="off" id="verifyCode" name="verifyCode"
  75. type="text" placeholder="验证码"
  76. onblur="if(this.value==''){this.value='验证码:'}"
  77. onclick="if(this.value=='验证码:'){this.value='';}" value="验证码:"
  78. style="width: 150px;"> <img
  79. src="${pageContext.request.contextPath }/verify.image"
  80. id="verifyCode"> <a id="kanbuq" href="javascript:;">看不清,换一张</a>
  81. </div>
  82. </div>
  83. <div class="row">
  84. <div class="formControls col-8 col-offset-3">
  85. <label for="online">
  86. <input type="checkbox" name="online" id="online" value="true">使我保持登录状态
  87. </label>
  88. </div>
  89. </div>
  90. <div class="row">
  91. <div class="formControls" style="margin: 0 auto;text-align: center;">
  92. <input name="" type="submit" class="btn btn-iamberry"
  93. onsubmit="checkLogin()"
  94. value="立即登录"> <input
  95. name="" type="reset" class="btn btn-default radius size-L"
  96. value="&nbsp;取&nbsp;&nbsp;&nbsp;&nbsp;消&nbsp;" style="display:none;">
  97. </div>
  98. </div>
  99. </form>
  100. </div>
  101. </div>
  102. <div class="footer">Copyright 深圳爱贝源科技有限公司</div>
  103. <script type="text/javascript"
  104. src="${pageContext.request.contextPath }/common/admin/lib/jquery/1.9.1/jquery.min.js"></script>
  105. <script type="text/javascript" src="${pageContext.request.contextPath }/common/admin/js/H-ui.js"></script>
  106. <script type="text/javascript" src="${pageContext.request.contextPath }/iamberry/common/js/utils/md5.js"></script>
  107. <script type="text/javascript">
  108. $(function() {
  109. $("#kanbuq").click(
  110. function() {
  111. // alert(hex_md5("abc"));
  112. $("#verifyCode").attr(
  113. "src",
  114. "${pageContext.request.contextPath }/verify.image?date="
  115. + new Date().getTime());
  116. return false;//取消动作
  117. });
  118. $("#closediv").click(function() {
  119. $("#errorDiv").hide(100);
  120. });
  121. $("#adminLoginName").blur(function() {
  122. var adminLoginName = $(this).val();
  123. var re = /^[a-zA-z]\w{5,15}$/;
  124. if (!(re.test(adminLoginName))) {
  125. $(this).select();
  126. $("#errorDiv").show(100);
  127. $("#errinfo").html("用户名必须以字母、数字、下划线组成,字母开头,6-16位");
  128. }
  129. });
  130. $("#adminLoginPwd").blur(function() {
  131. var adminLoginPwd = $(this).val();
  132. var re = /^[a-zA-z]\w{5,15}$/;
  133. if (!(re.test(adminLoginPwd))) {
  134. $(this).select();
  135. $("#errorDiv").show(100);
  136. $("#errinfo").html("密码必须以字母、数字、下划线组成,字母开头,6-16位");
  137. }
  138. });
  139. $("#verifyCode").blur(function() {
  140. var verifyCode = $(this).val();
  141. if (verifyCode.length != 6) {
  142. $(this).select();
  143. $("#errorDiv").show(100);
  144. $("#errinfo").html("验证码必须必须为6位");
  145. }
  146. });
  147. });
  148. function checkLogin() {
  149. var adminLoginName = $("#adminLoginName").val();
  150. var re = /^[a-zA-z]\w{5,15}$/;
  151. if (!(re.test(adminLoginName))) {
  152. $("#adminLoginName").select();
  153. $("#errorDiv").show(100);
  154. $("#errinfo").html("用户名必须以字母、数字、下划线组成,字母开头,6-16位");
  155. return false;
  156. }
  157. var adminLoginPwd = $("#adminLoginPwd").val();
  158. if (!(re.test(adminLoginPwd))) {
  159. $("#adminLoginPwd").select();
  160. $("#errorDiv").show(100);
  161. $("#errinfo").html("密码必须以字母、数字、下划线组成,字母开头,6-16位");
  162. return false;
  163. }
  164. var verifyCode = $("#verifyCode").val();
  165. if (verifyCode.length != 6) {
  166. $("#verifyCode").select();
  167. $("#errorDiv").show(100);
  168. $("#errinfo").html("验证码必须必须为6位");
  169. return false;
  170. }
  171. return true;
  172. }
  173. </script>
  174. </body>
  175. </html>