<!-- 模态框(Modal) -->
<div class="modal fade" id="pwdModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×
</button>
<h4 class="modal-title" id="myModalLabel">
修改密码
</h4>
</div>
<div class="modal-body">
<div class="input-group">
<span class="input-group-addon">旧密码 </span>
<input type="text" class="form-control" placeholder="请输入旧密码" name="oldpwd">
<span class='input-group-addon hidden' id='oldspan' hidden><span class="label label-danger" hidden>密码错误</span></span>
</div>
<br>
<div class="input-group">
<span class="input-group-addon">新密码 </span>
<input type="text" class="form-control" name="newpwd">
<span class='input-group-addon hidden' id='newspan' hidden><span class="label label-danger" hidden>新密码不能为空</span></span>
</div>
<br>
<div class="input-group">
<span class="input-group-addon">确认密码</span>
<input type="text" class="form-control" name="repwd">
<span class='input-group-addon hidden' id='respan' hidden><span class="label label-danger" hidden>两次输入的密码不一致</span></span>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">
关闭
</button>
<button type="button" class="btn btn-primary" id="btnPwd">
提交更改
</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<script>
$(function() {
$("#btnPwd").click(function(){
$('#oldspan').addClass('hidden');
$('#newspan').addClass('hidden');
$('#respan').addClass('hidden');
var oldpwd = $('input[name="oldpwd"]').val();
var newpwd = $('input[name="newpwd"]').val();
var repwd = $('input[name="repwd"]').val();
if(oldpwd != '123456')
{
$('#oldspan').removeClass('hidden');
return;
}
if(newpwd.length <1)
{
$('#newspan').removeClass('hidden');
return;
}
if(newpwd != repwd)
{
$('#respan').removeClass('hidden');
return;
}
$.ajax({
url:'${pageContext.request.contextPath }/ResearcherServlet',
type:'POST', //GET
data:{
newpwd:newpwd,//想要传输过去的数据 key:value,另一个页面通过 key接收value的值
},
timeout:5000, //超时时间
dataType:'text', //返回的数据格式:json/xml/html/script/jsonp/text
success:function(data){//data是成功后,接收的返回值
if (data == 1) {
alert('修改密码成功');
} else {
//不存在
alert('修改密码失败');
}
window.console.log('成功回调函数');
},
error : function() {
window.console.log('失败回调函数');
}
});
$('input[name="oldpwd"]').val('');
$('input[name="newpwd"]').val('');
$('input[name="repwd"]').val('');
$(function () { $('#myModal').modal('hide')});
});
});
</script>