jQuery+ajax实现修改密码验证
2017-07-05 23:50
549 查看
<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";
}else{
alert(jsonObj.failure);
}
},
error:function(e){
alert("请求出错!");
}
});
}
});
});
</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";
}else{
alert(jsonObj.failure);
}
},
error:function(e){
alert("请求出错!");
}
});
}
});
});
</script>
相关文章推荐
- jQuery+ajax实现修改密码验证
- jQuery+ajax实现修改密码验证
- jQuery+ajax实现修改密码验证功能实例详解
- jquery+ajax实现前端新增和修改验证
- DoNet用Ajax实现对修改密码时输入数据合法性的验证
- DoNet用Ajax实现对修改密码时输入数据合法性的验证
- 手写注册页面,并实现验证信息(AJAX,Jquery,正则表达式,密码强度验证)
- jquery formValidator插件ajax验证,在内容不做修改的前提下提示错误的bug解决方法
- jQuery结合Ajax实现用户名是否存在的验证代码
- 在JQuery的validate功能中使用remote实现Ajax功能后台验证
- Asp.net2005不用Ajax实现无刷新验证用户名、密码和中文验证码
- 使用Jquery的ajax方式实现对表格的删除和修改
- jquery formValidator插件ajax验证,在内容不做修改的前提下提示错误的bug解决方法
- 用Jquery实现可编辑表格并用AJAX提交到服务器修改数据
- Asp.net2005不用Ajax实现无刷新验证用户名、密码和中文验证码
- php+jquery+ajax实现用户名验证
- Ext JS 中实现自定义验证 密码修改 确认密码
- 使用Jquery实现可编辑的表格 并使用AJAX提交到服务器修改数据
- 利用jQuery实现的Ajax 验证用户名是否存在
- JQuery实现密码强度验证