jQuery+ajax實(shí)現(xiàn)修改密碼驗(yàn)證功能實(shí)例詳解
更新時(shí)間:2017年07月06日 09:28:21 作者:穿越技術(shù)印記的河流
本文通過實(shí)例代碼給大家介紹了jQuery+ajax實(shí)現(xiàn)修改密碼驗(yàn)證功能,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的的朋友參考下吧
廢話不多說了,直接給大家貼代碼了,具體代碼如下所示:
<script type="text/JavaScript">
//獲取url中的參數(shù)
$(function(){
var userName = window.location.href;
var aa = userName.indexOf("=");
console.log(userName);
if (aa == -1)
return "";
userName=userName.substring(aa+1);
//給hidden賦值并顯示
$("#userName").val(userName).attr("type","text");
//ajax請(qǐng)求修改密碼
var rePassword = $("#repeatPassword").val();
//6到15位字母或數(shù)字
var reg=/^[0-9a-zA-Z]{6,15}$/;
//新密碼校驗(yàn)
$("#newPassword").blur(function(){
$("#msg").css("display","none");
var newPassword = $("#newPassword").val();
if(newPassword==""||newPassword==null){
$("#msg").html("請(qǐng)輸入新密碼!").css("display","block");
}elseif(!reg.test(newPassword)){
$("#msg").html("密碼格式不正確,請(qǐng)重新輸入!").css("display","block");
}
});
//重復(fù)密碼校驗(yàn)
$("#repeatPassword").blur(function(){
var newPass = $("#newPassword").val();
var repPass = $("#repeatPassword").val();
if(newPass != repPass){
$("#msg").html("兩次輸入密碼不一致,請(qǐng)重輸!").css("display","block");
}
});
//表單提交前校驗(yàn)
$("#updateBtn").click(function(){
var flag = true;
var newPass = $("#newPassword").val();
var repPass = $("#repeatPassword").val();
var reg1=/^[0-9a-zA-Z]{6,15}$/;
if(!reg1.test(newPass)||newPass!=repPass||newPass ==""||newPass==null){
flag = false;
}
if(flag){
$.ajax({
url:"/HuaMuWebsite/userManage/editPassword?userName="+userName,
type:"POST",
async:false,
data:$("#fm").serialize(), //表單數(shù)據(jù)序列化, 可以對(duì)form表單進(jìn)行序列化,從而將form表單中的所有參數(shù)傳遞到服務(wù)端。
success:function(data){
//json字符串轉(zhuǎn)為json對(duì)象
var jsonObj=eval("("+data+")");
if(jsonObj.success != null){
alert(jsonObj.success);
window.location.href="/HuaMuWebsite/admin/login.html" rel="external nofollow" ;
}else{
alert(jsonObj.failure);
}
},
error:function(e){
alert("請(qǐng)求出錯(cuò)!");
}
});
}
});
});
</script>
相關(guān)文章
jQuery Validate插件實(shí)現(xiàn)表單驗(yàn)證
這篇文章主要為大家詳細(xì)介紹了jQuery Validate插件實(shí)現(xiàn)表單驗(yàn)證的相關(guān)資料,感興趣的小伙伴們可以參考一下2016-08-08
jquery 可以用text()方法來取得字符串,再用length 判斷長(zhǎng)度,然后用substring()方法格式化截?cái)?/div> 2011-09-09
基于jquery的finkyUI插件與Ajax實(shí)現(xiàn)頁面數(shù)據(jù)加載功能
基于jquery的finkyUI插件與Ajax實(shí)現(xiàn)頁面數(shù)據(jù)加載功能,需要的朋友可以參考下。2010-12-12
JS 遍歷 json 和 JQuery 遍歷json操作完整示例
這篇文章主要介紹了JS 遍歷 json 和 JQuery 遍歷json操作,結(jié)合完整實(shí)例形式詳細(xì)分析了JavaScript與jQuery遍歷json格式數(shù)據(jù)的簡(jiǎn)單實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-11-11
jQuery實(shí)現(xiàn)基本隱藏與顯示效果的方法詳解
這篇文章主要介紹了jQuery實(shí)現(xiàn)基本隱藏與顯示效果的方法,結(jié)合實(shí)例形式詳細(xì)分析了jQuery中hide()、show()及toggle()等方法用于實(shí)現(xiàn)顯示/隱藏效果的相關(guān)操作技巧,需要的朋友可以參考下2018-09-09
Jquery Post處理后不進(jìn)入回調(diào)的原因及解決方法
通過Jquery的Post方法把Json數(shù)據(jù)傳到Jsp后臺(tái),處理后卻怎么都不進(jìn)入回調(diào)函數(shù),解決方法如下2014-07-07
基于jQuery中ajax的相關(guān)方法匯總(必看篇)
下面小編就為大家?guī)硪黄诨趈Query中ajax的相關(guān)方法匯總。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-11-11最新評(píng)論

