Browse Source

密码强度字符范围提示

Byron.Liu 4 years ago
parent
commit
f884fc927f

+ 2 - 1
ruoyi-admin/src/main/resources/templates/system/user/profile/profile.html

@@ -123,7 +123,8 @@
 								                        <th:block th:if="${chrtype == '3'}"><i class="fa fa-info-circle" style="color: red;"></i>  密码必须包含(字母,数字)</th:block>
 								                        <th:block th:if="${chrtype == '4'}"><i class="fa fa-info-circle" style="color: red;"></i>  密码必须包含(字母,数字,特殊字符!@#$%^&*()-=_+)</th:block>
 						                            </span>
-						                    </th:block>      
+                                                </th:block>
+						                    </th:block>
                                         </div>
                                     </div>
                                     <div class="form-group">

+ 90 - 89
ruoyi-admin/src/main/resources/templates/system/user/profile/resetPwd.html

@@ -1,103 +1,104 @@
 <!DOCTYPE html>
 <html lang="zh" xmlns:th="http://www.thymeleaf.org" >
 <head>
-	<th:block th:include="include :: header('修改用户密码')" />
+    <th:block th:include="include :: header('修改用户密码')" />
 </head>
 <body class="white-bg">
-	<div class="wrapper wrapper-content animated fadeInRight ibox-content">
-		<form class="form-horizontal m" id="form-user-resetPwd">
-			<input name="userId"  type="hidden"  th:value="${user.userId}" />
-			<div class="form-group">
-				<label class="col-sm-3 control-label">登录名称:</label>
-				<div class="col-sm-8">
-					<input class="form-control" type="text" readonly="true" name="loginName" th:value="${user.loginName}"/>
-				</div>
-			</div>
-			<div class="form-group">
-				<label class="col-sm-3 control-label">旧密码:</label>
-				<div class="col-sm-8">
-					<input class="form-control" type="password" name="oldPassword" id="oldPassword">
-				</div>
-			</div>
-			<div class="form-group">
-				<label class="col-sm-3 control-label">新密码:</label>
-				<div class="col-sm-8">
-					<input class="form-control" type="password" name="newPassword" id="newPassword">
+    <div class="wrapper wrapper-content animated fadeInRight ibox-content">
+        <form class="form-horizontal m" id="form-user-resetPwd">
+            <input name="userId"  type="hidden"  th:value="${user.userId}" />
+            <div class="form-group">
+                <label class="col-sm-3 control-label">登录名称:</label>
+                <div class="col-sm-8">
+                    <input class="form-control" type="text" readonly="true" name="loginName" th:value="${user.loginName}"/>
+                </div>
+            </div>
+            <div class="form-group">
+                <label class="col-sm-3 control-label">旧密码:</label>
+                <div class="col-sm-8">
+                    <input class="form-control" type="password" name="oldPassword" id="oldPassword">
+                </div>
+            </div>
+            <div class="form-group">
+                <label class="col-sm-3 control-label">新密码:</label>
+                <div class="col-sm-8">
+                    <input class="form-control" type="password" name="newPassword" id="newPassword">
                     <th:block th:with="chrtype=${@config.getKey('sys.account.chrtype')}"> 
                         <th:block th:if="${chrtype != '0'}">
                             <span class="help-block m-b-none">
-		                        <th:block th:if="${chrtype == '1'}"><i class="fa fa-info-circle" style="color: red;"></i>  密码只能为0-9数字 </th:block>
-		                        <th:block th:if="${chrtype == '2'}"><i class="fa fa-info-circle" style="color: red;"></i>  密码只能为a-z和A-Z字母</th:block>
-		                        <th:block th:if="${chrtype == '3'}"><i class="fa fa-info-circle" style="color: red;"></i>  密码必须包含(字母,数字)</th:block>
-		                        <th:block th:if="${chrtype == '4'}"><i class="fa fa-info-circle" style="color: red;"></i>  密码必须包含(字母,数字,特殊字符!@#$%^&*()-=_+)</th:block>
+                                <th:block th:if="${chrtype == '1'}"><i class="fa fa-info-circle" style="color: red;"></i>  密码只能为0-9数字 </th:block>
+                                <th:block th:if="${chrtype == '2'}"><i class="fa fa-info-circle" style="color: red;"></i>  密码只能为a-z和A-Z字母</th:block>
+                                <th:block th:if="${chrtype == '3'}"><i class="fa fa-info-circle" style="color: red;"></i>  密码必须包含(字母,数字)</th:block>
+                                <th:block th:if="${chrtype == '4'}"><i class="fa fa-info-circle" style="color: red;"></i>  密码必须包含(字母,数字,特殊字符!@#$%^&*()-=_+)</th:block>
                             </span>
-                    </th:block>      
-				</div>
-			</div>
-			<div class="form-group">
-				<label class="col-sm-3 control-label">再次确认:</label>
-				<div class="col-sm-8">
-					<input class="form-control" type="password" name="confirmPassword" id="confirmPassword">
-					<span class="help-block m-b-none"><i class="fa fa-info-circle"></i> 请再次输入您的密码</span>
-				</div>
-			</div>
-		</form>
-	</div>
-	<th:block th:include="include :: footer" />
+                        </th:block>
+                    </th:block>
+                </div>
+            </div>
+            <div class="form-group">
+                <label class="col-sm-3 control-label">再次确认:</label>
+                <div class="col-sm-8">
+                    <input class="form-control" type="password" name="confirmPassword" id="confirmPassword">
+                    <span class="help-block m-b-none"><i class="fa fa-info-circle"></i> 请再次输入您的密码</span>
+                </div>
+            </div>
+        </form>
+    </div>
+    <th:block th:include="include :: footer" />
 
-	<script>
-		$("#form-user-resetPwd").validate({
-			rules:{
-				oldPassword:{
-					required:true,
-					remote: {
-	                    url: ctx + "system/user/profile/checkPassword",
-	                    type: "get",
-	                    dataType: "json",
-	                    data: {
-	                        password: function() {
-	                            return $("input[name='oldPassword']").val();
-	                        }
-	                    }
-	                }
-				},
-				newPassword: {
-	                required: true,
-	                minlength: 5,
-	    			maxlength: 20
-	            },
-	            confirmPassword: {
-	                required: true,
-	                equalTo: "#newPassword"
-	            }
-			},
-			messages: {
-	            oldPassword: {
-	                required: "请输入原密码",
-	                remote: "原密码错误"
-	            },
-	            newPassword: {
-	                required: "请输入新密码",
-	                minlength: "密码不能小于5个字符",
-	                maxlength: "密码不能大于20个字符"
-	            },
-	            confirmPassword: {
-	                required: "请再次输入新密码",
-	                equalTo: "两次密码输入不一致"
-	            }
+    <script>
+        $("#form-user-resetPwd").validate({
+            rules:{
+                oldPassword:{
+                    required:true,
+                    remote: {
+                        url: ctx + "system/user/profile/checkPassword",
+                        type: "get",
+                        dataType: "json",
+                        data: {
+                            password: function() {
+                                return $("input[name='oldPassword']").val();
+                            }
+                        }
+                    }
+                },
+                newPassword: {
+                    required: true,
+                    minlength: 5,
+                    maxlength: 20
+                },
+                confirmPassword: {
+                    required: true,
+                    equalTo: "#newPassword"
+                }
+            },
+            messages: {
+                oldPassword: {
+                    required: "请输入原密码",
+                    remote: "原密码错误"
+                },
+                newPassword: {
+                    required: "请输入新密码",
+                    minlength: "密码不能小于5个字符",
+                    maxlength: "密码不能大于20个字符"
+                },
+                confirmPassword: {
+                    required: "请再次输入新密码",
+                    equalTo: "两次密码输入不一致"
+                }
 
-	        },
-	        focusCleanup: true
-		});
-		
-		function submitHandler() {
-			var chrtype = [[${#strings.defaultString(@config.getKey('sys.account.chrtype'), 0)}]];
-			var password = $("#newPassword").val();
-	        if ($.validate.form() && checkpwd(chrtype, password)) {
-	        	$.operate.save(ctx + "system/user/profile/resetPwd", $('#form-user-resetPwd').serialize());
-	        }
-	    }
-	</script>
+            },
+            focusCleanup: true
+        });
+        
+        function submitHandler() {
+            var chrtype = [[${#strings.defaultString(@config.getKey('sys.account.chrtype'), 0)}]];
+            var password = $("#newPassword").val();
+            if ($.validate.form() && checkpwd(chrtype, password)) {
+                $.operate.save(ctx + "system/user/profile/resetPwd", $('#form-user-resetPwd').serialize());
+            }
+        }
+    </script>
 </body>
 
 </html>