欢迎您光临买源码,本站秉承服务宗旨 履行“站长”责任,销售只是起点,服务永无止境!

tp5验证码在用户输入错误后自动刷新功能实现

问题:在tp5框架的项目中,发现tp框架自带的验证码输入错误后无法自动刷新,TP文档也没有介绍解决情况。
解决:在登陆访问后台的ajax方法中解决 当后台返回验证码错误后自动刷新。
这是验证码的前端代码:

<div class="form-group row mb-3">
																				    <label for="captcha" class="col-3 col-form-label">验证码</label>
																				    <div class="col-6">
																				        <input type="text" name="captcha" id="captcha" maxlength="6" class="form-control form-control-user" placeholder="请输入验证码">
																				    </div>
																				    <div class="col-3">
																						<img src="{:captcha_src()}" id="captcha_img" alt="验证码" align="absmiddle" onclick="this.src='{:captcha_src()}?'+Math.random();" title="看不清,请点击刷新验证码" style="width: 100%;"/>
																				    </div>
																				</div>

AJAX验证代码

$.ajax({
	 type:"POST",
	 dataType:"json",
     url:"{:url('Login/register')}", 
     data:$('#register').serialize(),
     success:function(data){
		console.log(data);
		if(data.code == 200){
			layer.alert(data.message,{icon:1},function(){
				window.location.href = "{:url('User/index')}";
				return false;
			})
		}else{
			layer.alert(data.message,{icon:3});
			var captcha_img = document.getElementById('captcha_img');
			captcha_img.src = '{:captcha_src()}?' + 'rand=' + Math.random();
			return false;
		}
     },
    });

免责声明:
本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!

买源码 » tp5验证码在用户输入错误后自动刷新功能实现

发表评论