jquery ajax验证密码

时间 2021-08-15 标签 css jquery ajax 服务器 jsp ide post 学习 url spa

花了几个小时学习了用jquery写了个验证密码是否可用的小例子css

jsp代码：jquery

<form action="<%=request.getContextPath() %>/sys/userinfoJson.action" method="post" id="infoForm" theme="simple">
<table width="100%" class="formtable">
<s:hidden name="bean.userId" id="userid"></s:hidden>
<s:hidden name="actiontype"></s:hidden>
<tr>
<td width="6px"><nobr>原始密码：</nobr></td>
<td><input type="password" maxlength="50" cssClass="x-form-text" name="oldpasswd" id="oldpwd" cssStyle="width:100%" style="width:100%" onblur="checkpwd()"/></td>
<td width="12px" id="temp"><nobr><font color="red">*</font></nobr></td>
</tr>
<tr>
<td width="6px"><nobr>新密码：</nobr></td>
<td><input type="password" maxlength="50" cssClass="x-form-text" name="bean.loginpwd" id="newpwd" cssStyle="width:100%" style="width:100%" o/> </td>
<td width="12px"><nobr><font color="red">*</font></nobr></td>
</tr>
<tr>
<td width="6px"><nobr>确认密码：</nobr></td>
<td><input type="password" maxlength="50" cssClass="x-form-text" name="confirmpasswd" id="repwd" cssStyle="width:100%" style="width:100%"/> </td>
<td width="12px"><nobr><font color="red">*</font></nobr></td>
</tr>
</table>
</form>

jquey代码：ajax

function checkpwd(){
var userid = document.getElementById("userid").value;
//alert(userid.value);
jQuery(function(){
var pwd= $.trim($("#oldpwd").val());//得到表单的值.
$.ajax({
url:"<%=request.getContextPath()%>/sys/checkpwd.action?userId="+userid, //请求服务器url地址.
data:{password:pwd},//得到表单里面的值,传入服务器中..
cache:false,
success:function(response){
if(response=="false"){
document.getElementById('oldpwd').value = '';
document.getElementById('temp').innerHTML='<nobr><font color="red">原始密码错误!</font></nobr>';
}else{
document.getElementById('temp').innerHTML='<nobr><font color="#228B22">原始密码可用</font></nobr>';
}
}
})
});
}

处理代码：服务器