jQuery+ajax實(shí)現(xiàn)修改密碼驗(yàn)證功能實(shí)例詳解
廢話不多說了,直接給大家貼代碼了,具體代碼如下所示:
<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 Ajax解析XML數(shù)據(jù)(同步及異步調(diào)用)簡(jiǎn)單實(shí)例
本篇文章主要是對(duì)Jquery Ajax解析XML數(shù)據(jù)(同步及異步調(diào)用)的簡(jiǎn)單實(shí)例進(jìn)行了介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2014-02-02
jquery ajax后臺(tái)返回list,前臺(tái)用jquery遍歷list的實(shí)現(xiàn)
下面小編就為大家?guī)硪黄猨query ajax后臺(tái)返回list,前臺(tái)用jquery遍歷list的實(shí)現(xiàn)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10
jQuery.ajax實(shí)現(xiàn)根據(jù)不同的Content-Type做出不同的響應(yīng)
使用H5+ASP.NET General Handler開發(fā)項(xiàng)目,使用ajax進(jìn)行前后端的通訊。有一個(gè)場(chǎng)景需求是根據(jù)服務(wù)器返回的不同數(shù)據(jù)類型,前端進(jìn)行不同的響應(yīng),這里記錄下如何使用$.ajax實(shí)現(xiàn)該需求,需要的朋友可以參考下2016-11-11
jQuery hover事件簡(jiǎn)單實(shí)現(xiàn)同時(shí)綁定2個(gè)方法
這篇文章主要介紹了jQuery hover事件簡(jiǎn)單實(shí)現(xiàn)同時(shí)綁定2個(gè)方法,可實(shí)現(xiàn)同時(shí)綁定懸停與離開事件的功能,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2016-06-06
Jquery跨瀏覽器文本復(fù)制插件Zero Clipboard的使用方法
這篇文章主要介紹了Jquery跨瀏覽器文本復(fù)制插件Zero Clipboard的使用方法,需要的朋友可以參考下2016-02-02
jquery插件tytabs.jquery.min.js實(shí)現(xiàn)漸變TAB選項(xiàng)卡效果
這篇文章主要介紹了jquery插件tytabs.jquery.min.js實(shí)現(xiàn)漸變TAB選項(xiàng)卡效果,實(shí)例分析了tytabs.jquery.min.js插件實(shí)現(xiàn)tab選項(xiàng)卡切換效果的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
jquery.validate.js插件使用經(jīng)驗(yàn)記錄
工作中使用到了jquery.validate.js插件,下面將其用法整理一下,方便以后使用2014-07-07

