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請求修改密碼 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("請輸入新密碼!").css("display","block"); }elseif(!reg.test(newPassword)){ $("#msg").html("密碼格式不正確,請重新輸入!").css("display","block"); } }); //重復(fù)密碼校驗(yàn) $("#repeatPassword").blur(function(){ var newPass = $("#newPassword").val(); var repPass = $("#repeatPassword").val(); if(newPass != repPass){ $("#msg").html("兩次輸入密碼不一致,請重輸!").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("請求出錯(cuò)!"); } }); } }); }); </script>
相關(guān)文章
Jquery Ajax解析XML數(shù)據(jù)(同步及異步調(diào)用)簡單實(shí)例
本篇文章主要是對(duì)Jquery Ajax解析XML數(shù)據(jù)(同步及異步調(diào)用)的簡單實(shí)例進(jìn)行了介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2014-02-02jquery 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-10jQuery.ajax實(shí)現(xiàn)根據(jù)不同的Content-Type做出不同的響應(yīng)
使用H5+ASP.NET General Handler開發(fā)項(xiàng)目,使用ajax進(jìn)行前后端的通訊。有一個(gè)場景需求是根據(jù)服務(wù)器返回的不同數(shù)據(jù)類型,前端進(jìn)行不同的響應(yīng),這里記錄下如何使用$.ajax實(shí)現(xiàn)該需求,需要的朋友可以參考下2016-11-11jQuery hover事件簡單實(shí)現(xiàn)同時(shí)綁定2個(gè)方法
這篇文章主要介紹了jQuery hover事件簡單實(shí)現(xiàn)同時(shí)綁定2個(gè)方法,可實(shí)現(xiàn)同時(shí)綁定懸停與離開事件的功能,非常簡單實(shí)用,需要的朋友可以參考下2016-06-06Jquery跨瀏覽器文本復(fù)制插件Zero Clipboard的使用方法
這篇文章主要介紹了Jquery跨瀏覽器文本復(fù)制插件Zero Clipboard的使用方法,需要的朋友可以參考下2016-02-02jquery插件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-08jquery.validate.js插件使用經(jīng)驗(yàn)記錄
工作中使用到了jquery.validate.js插件,下面將其用法整理一下,方便以后使用2014-07-07