通过修改密码功能,来学习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的秒用,如需转载请自行联系原博主。

目录
相关文章
|
设计模式 前端开发 JavaScript
Ajax技术【Ajax 实战】(二)-全面详解(学习总结---从入门到深化)
Ajax技术【Ajax 实战】(二)-全面详解(学习总结---从入门到深化)
174 0
|
11月前
|
监控 前端开发 API
一款基于 .NET MVC 框架开发、功能全面的MES系统
一款基于 .NET MVC 框架开发、功能全面的MES系统
338 5
|
JSON JavaScript 前端开发
《进阶篇第7章》学习vue中的ajax之后,练习vue案例-github用户搜索案例
《进阶篇第7章》学习vue中的ajax之后,练习vue案例-github用户搜索案例
114 0
|
供应链 前端开发 Java
服装库存管理系统 Mybatis+Layui+MVC+JSP【完整功能介绍+实现详情+源码】
该博客文章介绍了一个使用Mybatis、Layui、MVC和JSP技术栈开发的服装库存管理系统,包括注册登录、权限管理、用户和货号管理、库存管理等功能,并提供了源码下载链接。
服装库存管理系统 Mybatis+Layui+MVC+JSP【完整功能介绍+实现详情+源码】
|
设计模式 前端开发 Java
【Spring MVC】快速学习使用Spring MVC的注解及三层架构
【Spring MVC】快速学习使用Spring MVC的注解及三层架构
421 1
|
JSON 前端开发 JavaScript
Ajax 学习总结
这是一个关于Ajax学习的总结,包括导入Ajax包、异步请求和表单验证。示例展示了如何使用jQuery进行Ajax请求,从后台获取并显示数据,同时提到了Json乱码问题的解决方法和表单数据的前后端交互。还给出了表单验证的简单示例,通过Ajax实时校验用户名。
159 2
|
XML JSON 前端开发
学习Ajax使用异步对象发送请求
Ajax,全称Asynchronous JavaScript and XML(异步JavaScript和XML),是一种用于创建更好、更快以及交互性更强的Web应用程序的技术。
156 3
|
前端开发 Java Maven
如何在Spring MVC中实现图片的上传和下载功能
如何在Spring MVC中实现图片的上传和下载功能
|
移动开发 Java 测试技术
Spring MVC+Spring+Mybatis实现支付宝支付功能(附完整代码)
Spring MVC+Spring+Mybatis实现支付宝支付功能(附完整代码)
376 1
|
设计模式 存储 前端开发
Java从入门到精通:2.2.1学习Java Web开发,了解Servlet和JSP技术,掌握MVC设计模式
Java从入门到精通:2.2.1学习Java Web开发,了解Servlet和JSP技术,掌握MVC设计模式
217 0