Merge branch 'pudong' of 192.168.168.201:panzhaov5/bsth_control into pudong

游瑞烽
2 parents bd94c535 994509ac
Showing 1 changed file with 63 additions and 8 deletions
src/main/resources/static/pages/permission/user/changePWD.html
@@ -4,6 +4,9 @@
 <div class="portlet light portlet-fit portlet-form bordered">
 <div class="portlet-body">
 	<form class="form-horizontal" id="changePWDForm">
+		<div class="alert alert-danger display-hide">
+            <button class="close" data-close="alert"></button>您的输入有误，请检查下面的输入项
+        </div>
 		<div class="form-group" style="margin-top: 60px">
 		    <label class="control-label col-md-5">原始密码：
 		    </label>
@@ -19,7 +22,7 @@
 		    <div class="col-md-4">
 		        <div class="input-icon right">
 		            <i class="fa"></i>
-		            <input type="password" class="form-control" name="newPWD" /> </div>
+		            <input type="password" class="form-control" name="newPWD" id="newPWD"/> </div>
 		    </div>
 		</div>
 		<div class="form-group">
@@ -34,7 +37,7 @@
 		<div class="form-actions">
 	        <div class="row">
 	            <div class="col-md-offset-5 col-md-7">
-	                <button type="button" id="confirm" class="btn green">确定</button>
+	                <button type="submit" id="confirm" class="btn green">确定</button>
 	                <button type="reset" class="btn default">取消</button>
 	            </div>
 	        </div>
@@ -47,11 +50,63 @@
 <script>
 $(function(){
-	$("#confirm").on("click",function(){
-		var data = $('#changePWDForm').serializeJSON();
-		$.post('/user/changePWD',data,function(msg){
-			layer.alert(msg);
-		});
-	});
+	var form = $('#changePWDForm');
+    //表单 validate
+    var error = $('.alert-danger', form);
+
+    $.validator.addMethod("passwordrule", function(value, element) {
+        //var userblank = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*?[#?!@$%^&*-]).{8,16}$/;
+        var userblank = /^(?=.*[a-zA-Z])(?=.*\d).{8,16}$/;
+        return this.optional(element) ||(userblank.test(value));
+    }, "需包含字母、数字的8-16位字符");
+
+    //表单 validate
+    form.validate({
+        errorElement : 'span',
+        errorClass : 'help-block help-block-error',
+        focusInvalid : false,
+        rules : {
+            'newPWD' : {
+                required : true,
+                minlength: 8,
+                maxlength: 16,
+                passwordrule:true
+            },
+            'cnewPWD' : {
+                equalTo: '#newPWD'
+            }
+        },
+        invalidHandler : function(event, validator) {
+            error.show();
+            App.scrollTo(error, -200);
+        },
+
+        highlight : function(element) {
+            $(element).closest('.form-group').addClass('has-error');
+        },
+
+        unhighlight : function(element) {
+            $(element).closest('.form-group').removeClass('has-error');
+        },
+
+        success : function(label) {
+            label.closest('.form-group').removeClass('has-error');
+        },
+        
+        submitHandler : function(f) {
+            var params = form.serializeJSON();
+            error.hide();
+
+            $.ajax({
+                url: '/user/changePWD',
+                type: 'POST',
+                traditional: true,
+                data: params,
+                success: function(msg){
+                    layer.alert(msg);
+                }
+            });
+        }
+    });
 });
 </script>
 \ No newline at end of file