changePWD.html 3.09 KB
<div class="row">
<div class="col-md-12">
<!-- BEGIN VALIDATION STATES-->
<div class="portlet light portlet-fit portlet-form bordered">
<div class="portlet-body">
	<form class="form-horizontal" id="changePWDForm">
		<div class="form-group" style="margin-top: 60px">
		    <label class="control-label col-md-4">原始密码:
		    </label>
		    <div class="col-md-6">
		        <div class="input-icon right">
		            <i class="fa"></i>
		            <input type="password" class="form-control" name="oldPWD" /> </div>
		    </div>
		</div>
		<div class="form-group">
		    <label class="control-label col-md-4">输入新密码:
		    </label>
		    <div class="col-md-6">
		        <div class="input-icon right">
		            <i class="fa"></i>
		            <input type="password" class="form-control" name="newPWD" id="newPWD" /> </div>
		    </div>
		</div>
		<div class="form-group">
		    <label class="control-label col-md-4">确认新密码:
		    </label>
		    <div class="col-md-6">
		        <div class="input-icon right">
		            <i class="fa"></i>
		            <input type="password" class="form-control" name="cnewPWD" /> </div>
		    </div>
		</div>
		<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="reset" class="btn default">取消</button>
	            </div>
	        </div>
	    </div>
	</form>
</div>
</div>
</div>
</div>

<script>
$(function(){
    // passwordRulesHelper 密码验证
    $('#newPWD').passwordRulesValidator({
        'msgRules':'你填写的密码必须符合下面的规则:',
        'rules' : {
            'length' : {
                'regex': '.{8,}',
                'name': 'length',
                'message': '密码必须大于8个字符',
                'enable': true
            },
            'lowercase' :{
                'regex': '[a-z]{1,}',
                'name': 'lowercase',
                'message': '至少需要一个小写字母',
                'enable': true
            },
            'uppercase' : {
                'regex': '[A-Z]{1,}',
                'name': 'uppercase',
                'message': '至少需要一个大写字母',
                'enable': true
            },
            'number' : {
                'regex': '[0-9]{1,}',
                'name': 'number',
                'message': '至少需要一个数字',
                'enable': true
            },
            'specialChar' : {
                'regex': '[^a-zA-Z0-9]{1,}',
                'name': 'special-char',
                'message': '至少需要一个特殊字符',
                'enable': true
            }
        }
    }, function(flag) {
        // console.log(flag);
        $("#confirm").attr("disabled", !flag);
    });


	$("#confirm").on("click",function(){
		var data = $('#changePWDForm').serializeJSON();
		$.post('/user/changePWD',data,function(msg){
			layer.alert(msg);
		});
	});
});
</script>