业务经理

微信扫描以上二维码

028-61286886

技术咨询

注册时手机接收验证码之前弹出验证码!完整版在小波设计的基础上

迅睿框架 更新 2019-12-28 12:26:29 Booid.com
模板标签里面

注册时,手机接收验证码之前,弹出验证码!完整版


image


在小波设计的基础上增加一个前置验证

更合理,

这里要提醒一下大家,

原贴使用这个短信验证码的话,如果默认没开启手机验证,却开启了图片验证码,是无法显示的!


这一帖是完善他的设计,所以代码上原理是一样的,核心当然也是他的那个验证!



            {if $register.sms}
            <div class="form-group" id="dr_row_sms">
                <label class="col-md-2 control-label">短信验证</label>
                <div class="col-md-10">
                    <div class="input-group input-large">
                        <input class="form-control placeholder-no-fix" type="text" autocomplete="off" id="dr_sms" name="sms">
                        <div class="input-group-btn">
                            <button class="btn blue" onclick="dr_yzm_window()" type="button">获取手机验证码</button>
                        </div>
                    </div>
                </div>
            </div>
            <div style="display: none" id="dr_win_row_code">
                <div class="col-md-10">
                    <div class="input-group input-large">
                        <input class="form-control placeholder-no-fix" type="text" autocomplete="off" id="dr_win_code" name="win_code">
                        <div class="input-group-btn fc-code">
                            {dr_code(120, 35)}
                        </div>
                    </div>
                </div>
            </div>
            <input type="hidden" autocomplete="off" id="dr_code" name="code">
            <script>
                function dr_yzm_window() {

                    if($('#dr_phone').val()==''){

                        $('#dr_row_phone').addClass('has-error');
                        $('#dr_phone').focus();
                        dr_cmf_tips(0, '手机号码未填写');
                        return false;

                    }
                    layer.open({
                        type: 1,
                        title: "验证码",
                        fix:true,
                        scrollbar: false,
                        shadeClose: true,
                        shade: 0,
                        area: ['400px', '300px'],
                        btn: [lang['ok'], lang['esc']],
                        yes: function(index, layero){
                            var yzm = $('#dr_win_code').val();
                            $('#dr_code').val(yzm);
                            dr_ajax_url('/index.php?s=member&c=api&m=register_code&id='+$('#dr_phone').val()+'&code='+yzm);
                        },
                        content: $('#dr_win_row_code')
                    });
                }

            </script>
            {else}

                {if $register.code}

                <div class="form-group" id="dr_row_code">
                    <label class="col-md-2 control-label">验证码</label>
                    <div class="col-md-9">
                        <div class="input-group input-large">
                            <input class="form-control placeholder-no-fix" type="text" autocomplete="off" id="dr_code" name="code">
                            <div class="input-group-btn fc-code">
                                {dr_code(120, 35)}
                            </div>
                        </div>
                    </div>
                </div>

                {/if}

            {/if}



同学们记得先屏蔽原来模板的这个验证码


image

方案

  • 125762285 #1 · 2019-12-28 10:58:56
    感谢分享,很牛!
  • zdcbd #2 · 2019-12-28 11:00:51

    sss
    这个相当棒。。。
  • 范闲 #3 · 2019-12-28 12:26:29
    很牛逼啊,已经使用上了

迅睿系统漏洞

站群分站系统
站群分站系统(2026-10-15)
子站域名新增llms.txt访问
GEO系统
GEO系统(2026-10-14)
修复下载zip空白地址问题 修复流量复刻和任务队列错误
GeoSeo收录宝
GeoSeo收录宝(2026-10-14)
新增 站长工具箱 前端首页自动调用meta 数据
滑块验证码 Gocaptcha
滑块验证码 Gocaptcha(2026-10-13)
基于开源项目 go-captcha 的行为验证码插件,滑动拼图、区域...
GeoSeo工具箱
GeoSeo工具箱(2026-10-13)
优化巡检任务
GeoSeo排名助手
GeoSeo排名助手(2026-10-11)
加入大模型自定义
SEO聚合关键字
SEO聚合关键字(2026-10-11)
优化关键字列表页最多支持1万篇文章,过多会导致服务器扛不住;
CMS内容同步复制
CMS内容同步复制(2026-10-10)
增加时间是否更新的开关