jQuery+ajax如何實(shí)現(xiàn)修改密碼驗(yàn)證功能

小編給大家分享一下jQuery+ajax如何實(shí)現(xiàn)修改密碼驗(yà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}$/;
    //新密碼校驗(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ù)序列化, 可以對form表單進(jìn)行序列化，從而將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("請求出錯(cuò)！");
       }
       });
      }   
});
  });
</script>

jquery是什么

jquery是一個(gè)簡潔而快速的JavaScript庫，它具有獨(dú)特的鏈?zhǔn)秸Z法和短小清晰的多功能接口、高效靈活的css選擇器，并且可對CSS選擇器進(jìn)行擴(kuò)展、擁有便捷的插件擴(kuò)展機(jī)制和豐富的插件，是繼Prototype之后又一個(gè)優(yōu)秀的JavaScript代碼庫，能夠用于簡化事件處理、HTML文檔遍歷、Ajax交互和動(dòng)畫，以便快速開發(fā)網(wǎng)站。

以上是“jQuery+ajax如何實(shí)現(xiàn)修改密碼驗(yàn)證功能”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！