changePWD.html
4.07 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<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="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>
<div class="col-md-4">
<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-5">输入新密码：
</label>
<div class="col-md-4">
<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-5">确认新密码：
</label>
<div class="col-md-4">
<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="submit" id="confirm" class="btn green">确定</button>
<button type="reset" class="btn default">取消</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<script>
$(function(){
var form = $('#changePWDForm');
//表单 validate
var error = $('.alert-danger', form);
$.validator.addMethod("passwordrule", function(value, element) {
var reg = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*?[#?!@$%^&*-.]).{8,16}$/;
// var reg = /^(?=.*[a-zA-Z])(?=.*\d).{8,16}$/;
return this.optional(element) ||(reg.test(value));
}, "需包含大小写字母、数字、以及特殊符号的8-16位字符");
//表单 validate
form.validate({
errorElement : 'span',
errorClass : 'help-block help-block-error',
focusInvalid : false,
rules : {
'newPWD' : {
required : true,
minlength: 6,
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();
var keys;
$.ajax({
url: "/user/login/jCryptionKey?t="+Math.random(),
type: "Get",
async:false,
data: null,
success: function(data) {
keys = data.publickey;
}
});
//RSA加密
var encrypt = new JSEncrypt();
encrypt.setPublicKey(keys);
params.oldPWD = encrypt.encrypt(params.oldPWD);
params.newPWD = encrypt.encrypt(params.newPWD);
params.cnewPWD = encrypt.encrypt(params.cnewPWD);
$.ajax({
url: '/user/changePWD',
type: 'POST',
traditional: true,
data: params,
success: function(msg){
layer.alert(msg);
layer.closeAll('page');
}
});
}
});
});
</script>