layui prompt弹窗验证码操作

一般这个场景适用于发送手机短信验证码,点击按钮弹出输入图像验证码 

let mobile = $('#mobile').val();
if(mobile.length == 0){
 layer.msg('手机号码不能为空', {icon:5, time: 2000, anim: 6});
 return false;
}
if(!mobile_regexp.test(mobile)){
    layer.msg('手机号码格式不对', {icon:5, time: 2000, anim: 6});
    return false;
}
 let _this = $(this);
            layer.prompt({
                title: '<img src="https://xxx.com/buildVerifyCode/sms"  id="verifyImg" height="50">',
                formType: 0,
                move:false,
                value: '', //初始时的值,默认空字符
                maxlength: 140, //可输入文本的最大长度,默认500
                success: function(layero, index){
                    layero.find('input').attr('placeholder',"请输入图形验证码");
                    $('.layui-layer-title img').css('cursor','crosshair');
                    layero.on('click','#verifyImg',function(){
                        let url=$(this).attr('src');
                        $(this).attr('src',url+"/"+(new Date()).valueOf());

                    });
                }
            }, function(value, index, elem){
                let code=value;
                if(code.length != 4){
                    layer.msg('验证码不正确', {icon:5, time: 2000, anim: 6});
                    return false;
                }

                $.post(
                    '/registerSendSMS',
                    {code: code, mobile: mobile},
                    function(response){
                        if(response.code == 1){
                         //这里写成功操作
                            layer.close(index);
                        }else{
                        //这里写失败操作
                            layer.msg(response.message, {icon: 5, time: 2000, anim:6});
                            return false;
                        }
                    }
                );
            });

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值