318 lines
13 KiB
Plaintext
318 lines
13 KiB
Plaintext
<%@ page language="java" pageEncoding="UTF-8"%>
|
||
<style type="text/css">
|
||
.select2-container .select2-selection--single{
|
||
height:34px;
|
||
line-height: 34px;
|
||
}
|
||
.select2-selection__arrow{
|
||
margin-top:3px;
|
||
}
|
||
.fa_eye {
|
||
color: #ccc;
|
||
display: block;
|
||
position: absolute;
|
||
margin: 8px;
|
||
z-index: 3;
|
||
width: 16px;
|
||
font-size: 16px;
|
||
text-align: center;
|
||
right: 15px;
|
||
top: 0;
|
||
}
|
||
</style>
|
||
<script type="text/javascript">
|
||
function dosave() {
|
||
$("#subForm").bootstrapValidator('validate');//提交验证
|
||
if ($("#subForm").data('bootstrapValidator').isValid()) {//获取验证结果，如果成功，执行下面代码
|
||
$.post(ext.contextPath + "/user/saveChangePassword.do", $("#subForm").serialize(), function(data) {
|
||
if (data == 1) {
|
||
showAlert('s','修改成功');
|
||
closeModal('subPasswordModal');
|
||
$.post(ext.contextPath+"/Login/logout.do",function(){
|
||
delCookie("j_username");
|
||
delCookie("j_password");
|
||
location.replace(ext.contextPath);
|
||
});
|
||
}else if(data == 2){
|
||
showAlert('d','原始密码错误 ');
|
||
}else if(data == 0){
|
||
showAlert('d','保存失败');
|
||
}else{
|
||
showAlert('d',data.res);
|
||
}
|
||
},'json');
|
||
}
|
||
}
|
||
function switchPwd() {
|
||
var passwordeye = $('.fa_eye');
|
||
passwordeye.each(function(){
|
||
$(this).off('click').on('click',function(){
|
||
if($(this).hasClass('fa-eye-slash')){
|
||
$(this).removeClass('fa-eye-slash').addClass('fa-eye');//密码可见
|
||
$(this).prev().prop('type','text');
|
||
}else{
|
||
if($(this).hasClass('fa-eye')){
|
||
$(this).removeClass('fa-eye').addClass('fa-eye-slash');//密码不可见
|
||
$(this).prev().prop('type','password');
|
||
}
|
||
};
|
||
});
|
||
});
|
||
}
|
||
|
||
$(function() {
|
||
var type = "strong";
|
||
var max = 18;
|
||
var min = 10;
|
||
//配置logo
|
||
var array = eval(${jsonArray});
|
||
if(array!=null && array!=undefined && array.length>0){
|
||
for(var i =0;i<array.length;i++){
|
||
if(array[i].id == "password-type"){
|
||
if(array[i].type!=null){
|
||
type = array[i].type;
|
||
}
|
||
}
|
||
if(array[i].id == "password-max"){
|
||
if(array[i].type!=null){
|
||
max = array[i].type;
|
||
}
|
||
}
|
||
if(array[i].id == "password-min"){
|
||
if(array[i].type!=null){
|
||
min = array[i].type;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
console.log(array);
|
||
$('#minAndMax').html("至少"+min+"个字符，最多"+max+"个字符");
|
||
if(type=="strong"){
|
||
$('#passwordType').html("用户密码必须包含大小写字母、数字、特殊字符");
|
||
//输入框验证
|
||
$('#subForm').bootstrapValidator({
|
||
fields: {
|
||
/*验证：规则*/
|
||
oldPassword: {
|
||
validators: {
|
||
notEmpty: {
|
||
message: '用户原始密码不能为空'
|
||
},
|
||
stringLength: {
|
||
min: 6,
|
||
max: 19,
|
||
message: '用户原始密码长度大于5小于20'
|
||
},
|
||
regexp: {
|
||
regexp: /^[^ ]+$/,
|
||
//regexp:/^(?=.*[0-9])(?=.*[a-zA-Z])(?=.*[^a-zA-Z0-9]).{10,18}$/,
|
||
message: '用户原始密码不能有空格'
|
||
}
|
||
}
|
||
},
|
||
newPassword: {
|
||
validators: {
|
||
notEmpty: {
|
||
message: '用户新密码不能为空'
|
||
},
|
||
identical: {
|
||
field: 'comfirmPassword',
|
||
message: '用户新密码与确认密码不一致！'
|
||
},
|
||
stringLength: {
|
||
min: min,
|
||
max: max,
|
||
message: '用户新密码长度大于等于'+min+'小于等于'+max,
|
||
},
|
||
regexp: {
|
||
//regexp: /^[^ ]+$/,
|
||
regexp:'^(?=.*[0-9])(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z0-9]).{'+min+','+max+'}$',
|
||
message: '用户密码不符合要求'
|
||
}
|
||
|
||
}
|
||
},
|
||
comfirmPassword: {
|
||
validators: {
|
||
identical: {
|
||
field: 'newPassword',
|
||
message: '用户新密码与确认密码不一致！'
|
||
},
|
||
notEmpty: {
|
||
message: '用户确认密码不能为空'
|
||
},
|
||
stringLength: {
|
||
min: min,
|
||
max: max,
|
||
message: '用户新密码长度大于等于'+min+'小于等于'+max,
|
||
},
|
||
regexp: {
|
||
//regexp: /^[^ ]+$/,
|
||
regexp:'^(?=.*[0-9])(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z0-9]).{'+min+','+max+'}$',
|
||
message: '用户密码不符合要求'
|
||
}
|
||
}
|
||
}
|
||
}
|
||
})
|
||
.on('error.validator.bv', function (e, data) {//这个方法是让错误信息只显示最新的一个（有时会出现多个错误信息同时显示用这个方法解决）
|
||
data.element
|
||
.data('bv.messages')
|
||
.find('.help-block[data-bv-for="' + data.field + '"]').hide()
|
||
.filter('[data-bv-validator="' + data.validator + '"]').show();
|
||
})
|
||
.on('error.field.bv', function (e, data) {//‘用户确认密码’ 没输入的时候，‘用户新密码’不提示‘用户新密码与确认密码不一致’
|
||
if (data.field == 'newPassword') {
|
||
var len1 = data.element.val().length;
|
||
var len2 = $('#comfirmPassword').val().length;
|
||
var k = data.element.val().indexOf(" ");
|
||
if (len1 > 5 && len2 < 6 && k < 0) {
|
||
var $parent = data.element.parents('.form-group');
|
||
$parent.removeClass('has-error');
|
||
$parent.find('.[data-bv-icon-for="' + data.field + '"]').hide();
|
||
data.element.siblings('[data-bv-validator="identical"]').hide();
|
||
}
|
||
}
|
||
});
|
||
|
||
}
|
||
|
||
if(type=="weak"){
|
||
$('#passwordType').html("用户密码不能有空格");
|
||
//输入框验证
|
||
$('#subForm').bootstrapValidator({
|
||
fields: {
|
||
/*验证：规则*/
|
||
oldPassword: {
|
||
validators: {
|
||
notEmpty: {
|
||
message: '用户原始密码不能为空'
|
||
},
|
||
stringLength: {
|
||
min: 6,
|
||
max: 19,
|
||
message: '用户原始密码长度大于5小于20'
|
||
},
|
||
regexp: {
|
||
regexp: /^[^ ]+$/,
|
||
message: '用户原始密码不能有空格'
|
||
}
|
||
}
|
||
},
|
||
newPassword: {
|
||
validators: {
|
||
notEmpty: {
|
||
message: '用户新密码不能为空'
|
||
},
|
||
identical: {
|
||
field: 'comfirmPassword',
|
||
message: '用户新密码与确认密码不一致！'
|
||
},
|
||
stringLength: {
|
||
min: min,
|
||
max: max,
|
||
message: '用户新密码长度大于等于'+min+'小于等于'+max,
|
||
},
|
||
regexp: {
|
||
regexp: /^[^ ]+$/,
|
||
message: '用户密码不符合要求'
|
||
}
|
||
|
||
}
|
||
},
|
||
comfirmPassword: {
|
||
validators: {
|
||
identical: {
|
||
field: 'newPassword',
|
||
message: '用户新密码与确认密码不一致！'
|
||
},
|
||
notEmpty: {
|
||
message: '用户确认密码不能为空'
|
||
},
|
||
stringLength: {
|
||
min: min,
|
||
max: max,
|
||
message: '用户新密码长度大于等于'+min+'小于等于'+max,
|
||
},
|
||
regexp: {
|
||
regexp: /^[^ ]+$/,
|
||
message: '用户密码不符合要求'
|
||
}
|
||
}
|
||
}
|
||
}
|
||
})
|
||
.on('error.validator.bv', function (e, data) {//这个方法是让错误信息只显示最新的一个（有时会出现多个错误信息同时显示用这个方法解决）
|
||
data.element
|
||
.data('bv.messages')
|
||
.find('.help-block[data-bv-for="' + data.field + '"]').hide()
|
||
.filter('[data-bv-validator="' + data.validator + '"]').show();
|
||
})
|
||
.on('error.field.bv', function (e, data) {//‘用户确认密码’ 没输入的时候，‘用户新密码’不提示‘用户新密码与确认密码不一致’
|
||
if (data.field == 'newPassword') {
|
||
var len1 = data.element.val().length;
|
||
var len2 = $('#comfirmPassword').val().length;
|
||
var k = data.element.val().indexOf(" ");
|
||
if (len1 > 5 && len2 < 6 && k < 0) {
|
||
var $parent = data.element.parents('.form-group');
|
||
$parent.removeClass('has-error');
|
||
$parent.find('.[data-bv-icon-for="' + data.field + '"]').hide();
|
||
data.element.siblings('[data-bv-validator="identical"]').hide();
|
||
}
|
||
}
|
||
});
|
||
}
|
||
switchPwd();
|
||
})
|
||
</script>
|
||
<div class="modal fade" id="subPasswordModal">
|
||
<div class="modal-dialog">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||
<span aria-hidden="true">×</span></button>
|
||
<h4 class="modal-title">修改密码</h4>
|
||
</div>
|
||
<div class="modal-body">
|
||
<!-- 新增界面formid强制为subForm -->
|
||
<form class="form-horizontal" id="subForm" enctype="multipart/form-data" >
|
||
<!-- 界面提醒div强制id为alertDiv -->
|
||
<div id="alertDiv"></div>
|
||
<div class="form-group has-feedback">
|
||
<label class="control-label col-sm-2">原始密码</label>
|
||
<div class="col-sm-10">
|
||
<input class="form-control" type="password" placeholder="原始密码"
|
||
name="oldPassword" id="oldPassword"/>
|
||
<a class="fa fa-eye-slash fa_eye "></a>
|
||
</div>
|
||
</div>
|
||
<div class="form-group has-feedback">
|
||
<label class="control-label col-sm-2">新密码</label>
|
||
<div class="col-sm-10">
|
||
<input class="form-control" type="password" placeholder="新密码"
|
||
name="newPassword" id="newPassword"/>
|
||
<a class="fa fa-eye-slash fa_eye "></a>
|
||
</div>
|
||
</div>
|
||
<div class="form-group has-feedback">
|
||
<label class="control-label col-sm-2">确认密码</label>
|
||
<div class="col-sm-10">
|
||
<input class="form-control" type="password" placeholder="确认密码"
|
||
name="comfirmPassword" id="comfirmPassword"/>
|
||
<a class="fa fa-eye-slash fa_eye "></a>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<p id="passwordType">用户密码必须包含大小写字母、数字、特殊字符</p>
|
||
<p id="minAndMax">至少10个字符，最多18个字符</p>
|
||
<button type="button" class="btn btn-default pull-left" data-dismiss="modal">关闭</button>
|
||
<button type="button" class="btn btn-primary" onclick="dosave()" >保存</button>
|
||
</div>
|
||
</div>
|
||
<!-- /.modal-content -->
|
||
</div>
|
||
<!-- /.modal-dialog -->
|
||
</div>
|