小编给大家分享一下jQuery+ajax如何实现修改密码验证功能，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！
创新互联公司长期为上1000家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为河东企业提供专业的网站设计制作、网站建设，河东网站改版等技术服务。拥有十多年丰富建站经验和众多成功案例,为您定制开发。
具体代码如下所示：
//获取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("请求出错！");
}
});
}
});
});
jquery是什么
jquery是一个简洁而快速的JavaScript库，它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器，并且可对CSS选择器进行扩展、拥有便捷的插件扩展机制和丰富的插件，是继Prototype之后又一个优秀的JavaScript代码库，能够用于简化事件处理、HTML文档遍历、Ajax交互和动画，以便快速开发网站。
以上是“jQuery+ajax如何实现修改密码验证功能”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！
标题名称：jQuery+ajax如何实现修改密码验证功能
分享路径：
http://cdxtjz.cn/article/pdicpi.html
