jQuery+ajax实现修改密码验证
2017-10-18 17:33
507 查看
<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>
//获取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实现修改密码验证
- DoNet用Ajax实现对修改密码时输入数据合法性的验证
- DoNet用Ajax实现对修改密码时输入数据合法性的验证
- jquery+ajax实现前端新增和修改验证
- 手写注册页面,并实现验证信息(AJAX,Jquery,正则表达式,密码强度验证)
- JQuery+Ajax实现登录验证
- 【jquery】ajax实现用户名验证
- 利用jQuery实现的Ajax 验证用户名是否存在
- jquery.validate通过remote来实现ajax验证范例
- 使用Jquery实现可编辑的表格 并使用AJAX提交到服务器修改数据
- jQuery+ajax实现鼠标单击修改内容的方法
- Asp.net2005不用Ajax实现无刷新验证用户名、密码和中文验证码
- jquery实现ajax验证登录
- 利用jQuery实现的Ajax 验证用户名是否存在
- jQuery+ajax实现鼠标单击修改内容的思路
- 一个简单的ajax|jquery实现的留言板(未做安全验证)
- ThinkPHP+JQuery实现ajax无刷新登录验证(详解+相关问题)
- 用Jquery实现可编辑表格并用AJAX提交到服务器修改数据