碎片化 | 第四阶段-42-校验验证码-视频

视频内容

如清晰度低,可转PC网页观看高清版本:

http://v.qq.com/x/page/b0567trsukm.html



版权声明:本视频、课件属本公众号作者所有,如有侵权,将追究法律责任。

视频课件:


验证码校验

需求:在输入验证码后,鼠标离开焦点,即校验验证码是否正确

流程梳理:

 /checkCode.do->filter控制器->action->result->json数据

步骤:

1:编写jsp文件,增加验证码提示信息span
2:写function事件
    $(function(){
    $("#code").blur(function(){
        var code = $("#code").val().trim();
        if (code == "") {
            $("#v_code").html("不能为空");
            $(":submit").attr("disabled","disabled");
        }else{
            $.ajax({
                url:"${pageContext.request.contextPath }/user/checkCode.do",
                type:"post",
                dataType:"json",
                data:{"code":code},
                success:function(result){
                    if (result.status == 1) {
                        $("#v_code").html(result.msg);
                        $(":submit").removeAttr("disabled");
                    }else{
                        $("#v_code").html(result.msg);
                        $(":submit").attr("disabled","disabled");
                    }
                }
            });
        }
    });
});

3:写的action
        要从session中获取的code(系统生成),和参数进行对比
4:配置struts.xml文件,
    1:<package name="demo2" extends="json-default" namespace="/user">
    <!-- 校验验证码 -->
    2:<action name="checkCode" class="ckeckCodeAction">
        <result name="success" type="json">
            <param name="root">returnMessage</param>            
        </result>
    </action>

原文发布于微信公众号 - 码神联盟(lkchatspace)

原文发表时间:2017-10-31

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏HT

从IE6到IE11上运行WebGL 3D遇到的各种坑

这篇《基于HTML5的电信网管3D机房监控应用》基于WebGL技术的应用让少同学对HTML5 3D的应用产生了兴趣和信心,但有不少网友私信询问WebGL如何运行...

2485
来自专栏ATYUN订阅号

Medium网友开发了一款应用程序 让学习算法和数据结构变得更有趣

Medium网友Peter Weinberg开发了一款名叫CS-Playground-React的应用程序,可以使大家更有意思、也更加轻松地学习算法和数据结构。...

4725
来自专栏小文博客

腾讯云学生机自动抢代金券脚本——自动抢代金券

6946
来自专栏代码GG之家

android 游戏移植 (一) (文末有福利) | SDL 西游释厄传调试

游戏效果(不是真实画质) 有没有被惊艳到?你的内心肯定会说,我靠,画质这么渣,画面却如此熟悉。对的,就是如此渣渣的画面,却伴随了我们的童年快乐。 下面我们就详细...

2736
来自专栏DeveWork

微信内置浏览器 长按识别二维码 功能的两三个坑与解决方案

这篇文章是上一篇文章的延伸与总结,做的一个微信游戏宣传页上要调用长按识别二维码的功能,做的过程中遇到了两个坑,后来在组里分享会上分享了入坑经历,然后再度发现一个...

4.3K5
来自专栏腾讯大讲堂的专栏

【iOS审核秘籍】提审资源检查大法

作者:互娱iOS预审团队,隶属于互娱研发部品质管理中心,致力于互娱产品的iOS审核前的验收工作。 本篇主要是提审资源相关检查项的分享,在过往提审数据统计中,因提...

2676
来自专栏技术翻译

2018年Web开发人员应该学习的12个框架

它可以帮助你获得更好的工作,并将你的职业生涯提升到新的水平,如果遇到无聊的工作,例如启动和停止服务器,设置一些cron作业,以及回复维护传统的旧电子邮件应用,使...

2694
来自专栏腾讯大讲堂的专栏

提审资源检查大法

作者:互娱iOS预审团队,隶属于互娱研发部品质管理中心,致力于互娱产品的iOS审核前的验收工作。 本篇主要是提审资源相关检查项的分享,在过往提审数据统计中,因提...

2217
来自专栏微信终端开发团队的专栏

iOS微信小视频优化心得

image.png 小视频是微信6.0版本重大功能之一,在开发过程中遇到不少问题。本文先叙述小视频的产品需求,介绍了几个实现方案,分析每个方案的优缺点,最后...

7547
来自专栏编程微刊

细数那些年我用过的前端开发工具

3562

扫码关注云+社区

领取腾讯云代金券