100 lines
5.0 KiB
HTML
100 lines
5.0 KiB
HTML
{include file="public/header"}
|
|
<body>
|
|
<style type="text/css"> textarea, input[type="text"], input[type="password"],.uneditable-input{border: 1px solid #ccc;background-color: #fff; } .change_box a{font-size: 14px;padding: 10.5px 10px;} .change_box .pass_edit{border-right:1px solid #e5e5e5;border-left:1px solid #e5e5e5;border-top:1px solid #e5e5e5; position: relative; color: #3daae9; } .change_box .pass_edit:after{content: ""; bottom: -2px; background: #fff; width: 100%; height: 5px; position: absolute; left: 0; } .x-nav{overflow: inherit; } .x-nav .refresh{margin-right: 20px; } .control-group{overflow: hidden; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px dotted #dddddd; } .control-label{float: left; padding-top: 3px; width: 160px; text-align: right; font-size: 14px; } .controls{text-align: left; overflow-x: auto; overflow-y: hidden; margin-left: 180px; } .controls input{width: 300px; height: 24px; font-size: 14px; border-radius: 4px; padding-left:6px; } .controls textarea{width: 400px; height: 90px; border-radius: 4px; } .form-horizontal{margin: 0 10px; } .bottom-buttom{border-top: 1px solid #e5e5e5; margin-top: 20px; background-color: #f5f5f5; padding: 30px 0; } .pass_submit{width: 50px; text-align: center; background-color:#3daae9; color: #fff; padding: 5px 10px; font-size: 16px; border-radius: 4px; cursor:pointer; } </style>
|
|
<div class="x-nav" style="padding: 0px;">
|
|
<span class="change_box">
|
|
<a href="javascript:;" class="person_info">个人信息</a>
|
|
<a href="javascript:;" class="pass_edit">修改密码</a>
|
|
</span>
|
|
<a class="layui-btn layui-btn-small refresh" style="line-height:1.6em;margin-top:3px;float:right"
|
|
href="javascript:location.replace(location.href);" title="刷新">
|
|
<i class="layui-icon" style="line-height:30px">ဂ</i></a>
|
|
</div>
|
|
<br>
|
|
<div class="info_from form-horizontal">
|
|
<div class="control-group">
|
|
<label class="control-label">旧密码:</label>
|
|
<div class="controls">
|
|
<input id="oldPassword" name="oldPassword" type="password" value maxlength="50" minlength="3" class="required">
|
|
<span class="help-inline">
|
|
<font color="red">*</font>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="control-group">
|
|
<label class="control-label">新密码:</label>
|
|
<div class="controls">
|
|
<input id="newPassword" name="newPassword" type="password" value maxlength="50" minlength="3" class="required">
|
|
<span class="help-inline">
|
|
<font color="red">*</font>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="control-group">
|
|
<label class="control-label">确认新密码:</label>
|
|
<div class="controls">
|
|
<input id="confirmNewPassword" name="confirmNewPassword" type="password" value maxlength="50" minlength="3" class="required" equalto="#newPassword"><span class="help-inline">
|
|
<font color="red">*</font>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="bottom-buttom">
|
|
<label class="control-label"></label>
|
|
<div class="controls">
|
|
<div class='pass_submit'>保存</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script type="text/javascript">
|
|
$('.pass_submit').click(function(){
|
|
var oldPassword = $('#oldPassword').val();
|
|
var newPassword = $('#newPassword').val();
|
|
var confirmNewPassword = $('#confirmNewPassword').val();
|
|
if(oldPassword == '' || oldPassword == null){
|
|
layer.alert('请填写旧密码!');
|
|
return false;
|
|
}
|
|
if(newPassword == '' || newPassword == null){
|
|
layer.alert('请填写新密码!');
|
|
return false;
|
|
}
|
|
if(newPassword.length < 6 || newPassword.length >20){
|
|
layer.alert('新密码长度必须是6到20个字符');
|
|
return false;
|
|
}
|
|
if(confirmNewPassword == '' || confirmNewPassword == null){
|
|
layer.alert('请再次填写新密码!');
|
|
return false;
|
|
}
|
|
if(newPassword != confirmNewPassword){
|
|
layer.alert('两次输入的密码不一致!');
|
|
return false;
|
|
}
|
|
var id = {$user_info['id']};
|
|
$.ajax({
|
|
url:"/info/update_password",
|
|
type:"POST",
|
|
dataType:"JSON",
|
|
data:{id:id,oldPassword:oldPassword,newPassword:newPassword,confirmNewPassword:confirmNewPassword},
|
|
success:function(data){
|
|
if(data.status == 1){
|
|
layer.alert(data.code);
|
|
}else{
|
|
layer.alert(data.code);
|
|
$('#oldPassword').val('');
|
|
$('#newPassword').val('');
|
|
$('#confirmNewPassword').val('');
|
|
}
|
|
}
|
|
});
|
|
});
|
|
$('.person_info').click(function(){
|
|
$('#info_index',window.parent.document).trigger('click');
|
|
});
|
|
$('.pass_edit').click(function(){
|
|
$('#info_pass_edit',window.parent.document).trigger('click');
|
|
});
|
|
</script>
|
|
</html> |