jQuery+ajax實現(xiàn)修改密碼驗證功能實例詳解
更新時間:2017年07月06日 09:28:21 作者:穿越技術印記的河流
本文通過實例代碼給大家介紹了jQuery+ajax實現(xiàn)修改密碼驗證功能,代碼簡單易懂,非常不錯,具有參考借鑒價值,需要的的朋友參考下吧
廢話不多說了,直接給大家貼代碼了,具體代碼如下所示:
<script type="text/JavaScript">
//獲取url中的參數
$(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請求修改密碼
var rePassword = $("#repeatPassword").val();
//6到15位字母或數字
var reg=/^[0-9a-zA-Z]{6,15}$/;
//新密碼校驗
$("#newPassword").blur(function(){
$("#msg").css("display","none");
var newPassword = $("#newPassword").val();
if(newPassword==""||newPassword==null){
$("#msg").html("請輸入新密碼!").css("display","block");
}elseif(!reg.test(newPassword)){
$("#msg").html("密碼格式不正確,請重新輸入!").css("display","block");
}
});
//重復密碼校驗
$("#repeatPassword").blur(function(){
var newPass = $("#newPassword").val();
var repPass = $("#repeatPassword").val();
if(newPass != repPass){
$("#msg").html("兩次輸入密碼不一致,請重輸!").css("display","block");
}
});
//表單提交前校驗
$("#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(), //表單數據序列化, 可以對form表單進行序列化,從而將form表單中的所有參數傳遞到服務端。
success:function(data){
//json字符串轉為json對象
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("請求出錯!");
}
});
}
});
});
</script>
相關文章
基于jquery的finkyUI插件與Ajax實現(xiàn)頁面數據加載功能
基于jquery的finkyUI插件與Ajax實現(xiàn)頁面數據加載功能,需要的朋友可以參考下。2010-12-12
JS 遍歷 json 和 JQuery 遍歷json操作完整示例
這篇文章主要介紹了JS 遍歷 json 和 JQuery 遍歷json操作,結合完整實例形式詳細分析了JavaScript與jQuery遍歷json格式數據的簡單實現(xiàn)技巧,需要的朋友可以參考下2019-11-11

