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