可以说在任何项目中,都会有修改密码这功能,这功能简单,我在这也就不详情讲解。只讲讲前端JS的方法!
首先自然是一个Form表单(自然,你也可以直接用table),这里有用到Easyui中的控件
HTML
<div>
<table cellpadding = 3>
<tr>
<td>新密码:</td>
<td><input type="Password" id="texNewPass"/></td>
</tr>
<tr>
<td>确认密码:</td>
<td><input type="Password" id="texRePass"/></td>
</tr>
</table>
<div region="south" border="false" style="text-align:fight;height:30px;line-height:30px;">
<input type="button" οnclick="confirm() "value="确定"/>
<input type="button" οnclick="cancel()"value="取消"/>
</div>
</div>
JS:
function confirm (){
var newPass = ("#texNewPass").val();
var rePass = ("#texRePass").val();
if(newPass == " "){
$.messager.alert('系统提示','请输入密码 ','warning');
return false;
}
if(rePass == " "){
$.messager.alert('系统提示','请再一次输入密码 ','warning');
return false;
}
if(newPass != rePass){
$.messager.alert('系统提示','两次密码输入不正确,请重新输入','warning');
return false;
}
$.post('${pageContext.request.contextPath}/xxxx.action?newPass='+newPass,function(msg){
$.messager.alert('系统提示','恭喜,密码修改成功!<br>您的新密码为:' + msg,'info');
newPass = '';
rePass = "";
$("#eWindow").window('close');
})
}