前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >碎片化 | 第四阶段-42-校验验证码-视频

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

作者头像
码神联盟
发布2018-04-02 16:44:07
5440
发布2018-04-02 16:44:07
举报
文章被收录于专栏:码神联盟
视频内容

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

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



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

视频课件:


验证码校验

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

流程梳理:

代码语言:javascript
复制
 /checkCode.do->filter控制器->action->result->json数据

步骤:

代码语言:javascript
复制
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>
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2017-10-31,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 码神联盟 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 验证码校验
相关产品与服务
验证码
腾讯云新一代行为验证码(Captcha),基于十道安全栅栏, 为网页、App、小程序开发者打造立体、全面的人机验证。最大程度保护注册登录、活动秒杀、点赞发帖、数据保护等各大场景下业务安全的同时,提供更精细化的用户体验。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档