当前位置： 移动技术网 > IT编程>开发语言>JavaScript > jQuery+ajax实现修改密码验证功能实例详解

jQuery+ajax实现修改密码验证功能实例详解

2017年12月12日  | 移动技术网IT编程  | 我要评论

废话不多说了，直接给大家贴代码了，具体代码如下所示：

<script type="text/javascript">
  //获取url中的参数
  $(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位字母或数字
    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" rel="external nofollow" ;
         }else{
           alert(jsonobj.failure);
         }
       },
       error:function(e){
         alert("请求出错！");
       }
       });
      }   
});
  });
</script>

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网