layui页面发送手机验证码（一）前端

最新推荐文章于 2023-10-25 21:36:59 发布

原创

最新推荐文章于 2023-10-25 21:36:59 发布 · 1.1w 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#layui #短信验证码

原型图：：

这里写图片描述

发送短信验证码 layuiAdmin有封装好的js
在admin.js中

//发送验证码
    ,sendAuthCode: function(options){
   
   
      options = $.extend({
        seconds: 60
        ,elemPhone: '#LAY_phone'
        ,elemVercode: '#LAY_vercode'
      }, options);

      var seconds = options.seconds
      ,token = null
      ,timer, countDown = function(loop){
   
   
        var btn = $(options.elem)
        seconds--;
        if(seconds < 0){
          btn.removeClass(DISABLED).html('获取验证码');
          seconds = options.seconds;
          clearInterval(timer);
        } else {
          btn.addClass(DISABLED).html(seconds + '秒后重获');
        }

        if(!loop){
          timer = setInterval(function(){
   
   
            countDown(true

最低0.47元/天解锁文章