手机号登录

csdnfan_

于 2021-12-28 16:12:52 发布

阅读量258

点赞数

本文链接：https://blog.csdn.net/csdnfan_/article/details/122195591

版权

java

1.前台页面

加一个验证来保证验证码持续时间是60s

function getCode(){
        var tel=$.trim($("[name='tel']").val());
        //验证非空
        if (null==tel||""==tel){
            $("#sp_tel").text("手机号不能为空");
            return ;
        }
        $("#sp_tel").text("");
        $.post(
            "getCode",
            {tel:tel},
            function (flag){
                var num=60;
             var aa=   setInterval(function (){
                    num--;
                    if (num>=0){
                        $("#js").text(num+" 秒后查询获取");
                        $("#code").prop("disabled",true);
                    }else {
                        $("#js").text("查询获取");
                        $("#code").prop("disabled",false);
                        //清理时长
                        clearInterval(aa);
                    }
                },1000)
            }
        );
    }

2.后台代码

@RequestMapping("getCode")
    @ResponseBody
    public String getCode(String tel){
        String code = RandomUtil.getNumber(6);
        redisTemplate.opsForValue().set(tel,code,60, TimeUnit.SECONDS);
       // SendMsgUtil.send(tel,code,1);
        System.out.println("验证是"+code);
        return "ok";
    }

3.sendMsgUtil.send 是一个工具类里面的内容是使用榛子云来获取验证码