lyq il y a 4 mois
Parent
commit
806f4cfae2

+ 5 - 1
src/main/resources/static/js/register/login.js

@@ -4,7 +4,11 @@ $(function () {
     $('#login').click(function () {
         show_loading();
         // ajax提交表单,#login_form为表单的ID。如:$('#login_form').ajaxSubmit(function(data)
-        $.post("/login", {username: "test", password: "123456", "verifyCode": $("#j_captcha").val()}, function (data) {
+        $.post("/login", {
+            "username": $("#username").val(),
+            "password": $("#password").val(),
+            "verifyCode": $("#j_captcha").val()
+        }, function (data) {
             var obj = eval(data);
             if (obj.success) {
                 show_msg(obj.message, "/");

+ 18 - 0
src/main/resources/static/www/tuiyijunren/images/basic.css

@@ -74,6 +74,16 @@ width: 330px;
 	margin-bottom: 20px;
 	border-radius: 8px;
 }
+.dl_con .dl_form input[type="password"]{
+	width: 96%;
+	background: none;
+	border: 1px solid #dbd4d1;
+	padding: 0px 2% ;
+	height: 60px;
+	line-height: 60px;
+	margin-bottom: 20px;
+	border-radius: 8px;
+}
 .dl_con .dl_form p input[type="text"]{
 	width: 50%;
 	margin-right: 20px;
@@ -96,6 +106,14 @@ width: 330px;
 	outline: 0px;
 	border: 1px solid #05731d;
 }
+.dl_con .dl_form input[type="password"]::placeholder {
+	color: #7e7e7e;
+	font-size: 20px;
+}
+.dl_con .dl_form input[type="password"]:focus{
+	outline: 0px;
+	border: 1px solid #05731d;
+}
 
 .dl_con .dl_form p label {
 	color: #595959;

+ 39 - 41
src/main/resources/templates/www/tuiyijunren/login.html

@@ -1,51 +1,49 @@
 <!doctype html>
 <html>
 <head>
-<meta charset="utf-8">
-<title>退伍军人就业创业综合服务平台</title>
-<link href="${resPath}/tuiyijunren/images/base.css" rel="stylesheet"/>
-<link href="${resPath}/tuiyijunren/images/basic.css" rel="stylesheet"/>
-<script type="text/javascript" language="javascript" src="${resPath}/tuiyijunren/images/jquery-1.7.2.min.js"></script>
-<script src="${ctxPath}/static/js/register/login.js"></script>
-<script src="${ctxPath}/static/js/login/login_tooltips.js"></script>
+    <meta charset="utf-8">
+    <title>退伍军人就业创业综合服务平台</title>
+    <link href="${resPath}/tuiyijunren/images/base.css" rel="stylesheet"/>
+    <link href="${resPath}/tuiyijunren/images/basic.css" rel="stylesheet"/>
+    <script type="text/javascript" language="javascript"
+            src="${resPath}/tuiyijunren/images/jquery-1.7.2.min.js"></script>
+    <script src="${ctxPath}/static/js/register/login.js"></script>
+    <script src="${ctxPath}/static/js/login/login_tooltips.js"></script>
 </head>
 
 <body class="dl_body">
-	<div class="dl_con">
-		<div class="text">
-			<h1>吉林省退役军人<br>就业创业综合服务平台</h1>
-			<span>退伍不褪色&nbsp;&nbsp;&nbsp;忠诚永记心</span>
-		</div>
-		<div class="dl_form">
-			<input type="text" placeholder="账号:手机号/邮箱/昵称"/>
-			<input type="text" placeholder="密码:请输入您的密码"/>
-			<p>
-				<input type="text" class="form-control" id="j_captcha" name="verifyCode" placeholder="验证码"
-					   aria-describedby="sizing-addon-password">
-				<span class="input-group-addon code" id="basic-addon-code">
-                        <img id="captcha_img" src="${ctxPath}/verify" onclick="changeCode();" alt="点击更换"
-							 title="点击更换" class="m">
-				</span>
-				<!--<input type="text" placeholder="请输入验证码"/>
-				<img src="" style="background: #7B7B7B"/>-->
-			</p>
-			<p>
-				<label>
-					<input type="checkbox"/>记住密码
-				</label>
-				<label>
-					<input type="checkbox"/>记住我
-				</label>
-			</p>
-			
-			<input id="login" type="button" value="登录"/>
-			<a>忘记密码?</a>
-		</div>
-	</div>
+<div class="dl_con">
+    <div class="text">
+        <h1>吉林省退役军人<br>就业创业综合服务平台</h1>
+        <span>退伍不褪色&nbsp;&nbsp;&nbsp;忠诚永记心</span>
+    </div>
+    <div class="dl_form">
+        <input id="username" type="text" placeholder="账号:请输入您的账号"/>
+        <input id="password" type="password" placeholder="密码:请输入您的密码"/>
+        <p>
+            <input type="text" class="form-control" id="j_captcha" name="verifyCode" placeholder="请输入验证码"
+                   aria-describedby="sizing-addon-password">
+            <span class="input-group-addon code" id="basic-addon-code">
+                <img id="captcha_img" src="${ctxPath}/verify" onclick="changeCode();" alt="点击更换"
+                     title="点击更换" class="m" style="background: #7B7B7B"/>
+            </span>
+        </p>
+        <!--<p>
+            <label>
+                <input type="checkbox"/>记住密码
+            </label>
+            <label>
+                <input type="checkbox"/>记住我
+            </label>
+        </p>-->
+        <input id="login" type="button" value="登录"/>
+        <!--<a>忘记密码?</a>-->
+    </div>
+</div>
 </body>
 <script type="text/javascript">
-	function changeCode() {
-		$("#captcha_img").attr("src", "${ctxPath}/verify?t=" + (new Date().getTime()));
-	}
+    function changeCode() {
+        $("#captcha_img").attr("src", "${ctxPath}/verify?t=" + (new Date().getTime()));
+    }
 </script>
 </html>