通过修改密码功能,来学习MVC中AJAX的秒用

简介:
$(function() {
    $("#updateBtn").click(function() {
        if ($("#password").val() == '') {
            $("#validMessage").html('请输入密码').show();
            $("#password").focus();
            return false;
        }
        if ($("#repassword").val() == '') {
            $("#validMessage").html('请输入确认密码').show();
            $("#repassword").focus();
            return false;
        }
        if ($("#password").val() != $("#repassword").val()) {
            $("#validMessage").html('新密码与确认密码不一致').show();
            $("#password").focus();
            return false;
        }
        var passwd = $("#password").val();
        if (passwd.length < 6 || passwd.length > 20) {
            $("#validMessage").html('密码长度6-20位').show();
            return false;
        }
        if (passwd == $("#UserName").val()) {
            $("#validMessage").html('不能和用户名相同').show();
            return false;
        }
        if (!((passwd.match(/[a-z]/) != null || passwd.match(/[A-Z]/) != null) && passwd.match(/\d/) != null)) {
            $("#validMessage").html('密码格式错误,密码长度6-20位,字母加数字或符号的混合').show();
            return false;
        }
        $.ajax({
            type: "POST",
            url: "/RequestPassword/UpdatePassword",
            data: "userid=" + $("#UserID").val() + "&password=" + $("#password").val() + "&code=" + $("#CheckCode").val(),
            success: function(msg) {
                if (msg == "True") {
                    location.href = "/RequestPassword/UpdatePasswordSecuess";
                } else {
                    location.href = "/RequestPassword/NoValidRequestPsdEmail";
                }
            }
        });
    })
 
})

本文转自博客园张占岭(仓储大叔)的博客,原文链接:通过修改密码功能,来学习MVC中AJAX的秒用,如需转载请自行联系原博主。

目录
相关文章
|
2月前
|
设计模式 前端开发 JavaScript
Ajax技术【Ajax 实战】(二)-全面详解(学习总结---从入门到深化)
Ajax技术【Ajax 实战】(二)-全面详解(学习总结---从入门到深化)
22 0
|
6月前
|
JSON 前端开发 JavaScript
JavaScript学习 -- ajax方法的POST请求
JavaScript学习 -- ajax方法的POST请求
37 0
|
3月前
|
XML JSON 前端开发
Ajax技术【Ajax技术详解、 Ajax 的使用、Ajax请求、 JSON详解、JACKSON 的使用 】(一)-全面详解(学习总结---从入门到深化)
Ajax技术【Ajax技术详解、 Ajax 的使用、Ajax请求、 JSON详解、JACKSON 的使用 】(一)-全面详解(学习总结---从入门到深化)
58 1
|
2天前
|
设计模式 存储 前端开发
Java从入门到精通:2.2.1学习Java Web开发,了解Servlet和JSP技术,掌握MVC设计模式
Java从入门到精通:2.2.1学习Java Web开发,了解Servlet和JSP技术,掌握MVC设计模式
|
2月前
|
JavaScript 前端开发 Java
jquery ajax+spring mvc上传文件
jquery ajax+spring mvc上传文件
|
3月前
|
前端开发 Java 应用服务中间件
快速上手:探索Spring MVC的学习秘籍!
快速上手:探索Spring MVC的学习秘籍!
|
3月前
|
JSON 前端开发 JavaScript
JavaScript学习 -- ajax方法的POST请求
JavaScript学习 -- ajax方法的POST请求
29 0
|
3月前
|
设计模式 缓存 前端开发
Ajax技术【Ajax 实战】(二)-全面详解(学习总结---从入门到深化)(下)
Ajax技术【Ajax 实战】(二)-全面详解(学习总结---从入门到深化)
15 1
|
3月前
|
前端开发 JavaScript fastjson
Ajax技术【Ajax 实战】(二)-全面详解(学习总结---从入门到深化)(上)
Ajax技术【Ajax 实战】(二)-全面详解(学习总结---从入门到深化)
24 1
|
3月前
|
前端开发 Java 数据库
MVC架构学习归纳总结(小傅哥の码场 学习专栏)
MVC架构学习归纳总结(小傅哥の码场 学习专栏)
20 0