首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >碎片化 | 第四阶段-42-校验验证码-视频

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

作者头像
码神联盟
发布2018-04-02 16:44:07
发布2018-04-02 16:44:07
60700
代码可运行
举报
文章被收录于专栏:码神联盟码神联盟
运行总次数:0
代码可运行

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

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



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

视频课件:


验证码校验

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

流程梳理:

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

步骤:

代码语言:javascript
代码运行次数:0
运行
复制
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 条评论
热度
最新
推荐阅读
目录
  • 验证码校验
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档