jQuery+ajax實現修改密碼驗證

<script type="text/javascript">javascript

    //獲取url中的參數css

    $(function(){html

       var userName = window.location.href;java

       var aa = userName.indexOf("=");ajax

           console.log(userName);json

        if (aa == -1)async

           return "";url

       userName=userName.substring(aa+1);spa

        //hidden賦值並顯示orm

       $("#userName").val(userName).attr("type","text");

      

       //ajax請求修改密碼

       var rePassword = $("#repeatPassword").val();

       //615字母或數字

       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";

                  }else{

                     alert(jsonObj.failure);

                  }

              },

              error:function(e){

                  alert("請求出錯!");

              }

              });

           }     

});

    });

</script>

相關文章
相關標籤/搜索