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


Posted in jQuery onJuly 06, 2017

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

<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>
jQuery 相关文章推荐
jQuery插件FusionCharts实现的Marimekko图效果示例【附demo源码】
Mar 24 jQuery
基于jQuery实现瀑布流页面
Apr 11 jQuery
jQuery Json数据格式排版高亮插件json-viewer.js使用方法详解
Jun 12 jQuery
jQuery实现全选、反选和不选功能
Aug 16 jQuery
jQuery实现带右侧索引功能的通讯录示例【附源码下载】
Apr 17 jQuery
jQuery实现的响应鼠标移动方向插件用法示例【附源码下载】
Aug 28 jQuery
jQuery实现获取当前鼠标位置并输出功能示例
Jan 05 jQuery
JQuery中queue方法用法示例
Jan 31 jQuery
jQuery实现的隔行变色功能【案例】
Feb 18 jQuery
jQuery对底部导航进行跳转并高亮显示的实例代码
Apr 23 jQuery
jquery实现简单自动轮播图效果
Jul 29 jQuery
jQuery实现电梯导航模块
Dec 22 jQuery
jQuery实现选中行变色效果(实例讲解)
Jul 06 #jQuery
运用jQuery写的验证表单(实例讲解)
Jul 06 #jQuery
使用 jQuery 实现表单验证功能
Jul 05 #jQuery
jQuery制作input提示内容(兼容IE8以上)
Jul 05 #jQuery
jQuery常见面试题之DOM操作详析
Jul 05 #jQuery
jQuery使用ajax_动力节点Java学院整理
Jul 05 #jQuery
jQuery扩展_动力节点Java学院整理
Jul 05 #jQuery
You might like
PHP表单提交表单名称含有点号(.)则会被转化为下划线(_)
2011/12/14 PHP
解析PHP跨站刷票的实现代码
2013/06/18 PHP
php strnatcmp()函数的用法总结
2013/11/27 PHP
ThinkPHP缓存方法S()概述
2014/06/13 PHP
谈谈php对接芝麻信用踩的坑
2016/12/01 PHP
Using the TextRange Object
2006/10/14 Javascript
js 数组去重的四种实用方法
2014/09/09 Javascript
JS通过Cookie判断页面是否为首次打开
2016/02/05 Javascript
jquery层级选择器(匹配父元素下的子元素实现代码)
2016/09/05 Javascript
微信小程序 富文本转文本实例详解
2016/10/24 Javascript
bootstrap flask登录页面编写实例
2016/11/01 Javascript
深入理解Node.js中通用基础设计模式
2017/09/19 Javascript
Angular17之Angular自定义指令详解
2018/01/21 Javascript
JS通过位运算实现权限加解密
2018/08/14 Javascript
详解nuxt路由鉴权(express模板)
2018/11/21 Javascript
Vue中使用canvas方法总结
2019/02/12 Javascript
JS实现的合并两个有序链表算法示例
2019/02/25 Javascript
Vue+elementui 实现复杂表头和动态增加列的二维表格功能
2019/09/23 Javascript
使用JS location实现搜索框历史记录功能
2019/12/23 Javascript
[53:13]2014 DOTA2国际邀请赛中国区预选赛5.21 DT VS LGD-GAMING
2014/05/22 DOTA
[52:52]完美世界DOTA2联赛PWL S3 LBZS vs access 第一场 12.10
2020/12/13 DOTA
举例详解Python中threading模块的几个常用方法
2015/06/18 Python
python去重,一个由dict组成的list的去重示例
2019/01/21 Python
使用python实现kNN分类算法
2019/10/16 Python
在python3中使用shuffle函数要注意的地方
2020/02/28 Python
django自定义非主键自增字段类型详解(auto increment field)
2020/03/30 Python
python3通过subprocess模块调用脚本并和脚本交互的操作
2020/12/05 Python
PHP数据运算类型都有哪些
2013/11/05 面试题
会计毕业自我鉴定
2014/02/05 职场文书
庆六一活动总结
2014/08/29 职场文书
一份教室追逐打闹的检讨书
2014/09/27 职场文书
参观邀请函范文
2015/02/02 职场文书
小学六年级班主任工作经验交流材料
2015/11/02 职场文书
实用求职信模板范文
2019/05/13 职场文书
再读《皇帝的新衣》的读后感悟!
2019/08/07 职场文书
Win11 KB5015814遇安装失败 影响开始菜单性能解决方法
2022/07/15 数码科技