Thinkphp comes with a comprehensive analysis of the verification code-PHP Tutorial-php.cn

Home

PHP Tutorial

Thinkphp comes with a comprehensive analysis of the verification code

Jun 07, 2018 am 10:02 AM

This article mainly introduces the relevant information about thinkphp's own verification code. It is very good and has reference value. Friends in need can refer to the

front-end page:

&lt;p style=&quot;position:absolute;z-index:3;top:160px;left:180px;&quot;&gt;
&lt;img style=&quot;cursor:pointer; &quot; src=&quot;{:U(&#39;Verify&#39;)}&quot; onclick=&quot;this.src=this.src+&#39;?&#39;+Math.random()&quot; id=&quot;safecode&quot; style=&quot;height:50px;width:70%;&quot;/&gt;
&lt;/p&gt; 
//验证码判断
public function Verify(){
ob_clean();
//显示验证码
$cfg=array(
&#39;codeSet&#39; =&gt; &#39;0123456789&#39;, // 验证码字符集合
&#39;imageH&#39; =&gt; 25, // 验证码图片高度
&#39;imageW&#39; =&gt; 80, // 验证码图片宽度
&#39;length&#39; =&gt; 4, // 验证码位数
&#39;fontttf&#39; =&gt; &#39;4.ttf&#39;, // 验证码字体，不设置随机获取
&#39;fontSize&#39; =&gt; 10, // 验证码字体大小(px)
&#39;useNoise&#39; =&gt; false, // 是否添加杂点
&#39;useCurve&#39; =&gt; false, // 是否画混淆曲线
&#39;bg&#39; =&gt; array(226,229,236) //背景颜色
);
$very=new \Think\Verify($cfg);
$very-&gt;entry();
} 
//客户端通过ajax，实现校验验证码
public function checkVerify(){
$code = I(&#39;get.code&#39;);
$very = new \Think\Verify();
$key = $this-&gt;auth_my_code($very,$very-&gt;seKey);
// 验证码不能为空
$secode = session($key);
//对$code进行加密，在比较校验
if($this-&gt;auth_my_code($very,strtoupper($code)) == $secode[&#39;verify_code&#39;]) {
echo json_encode(array(&#39;flag&#39;=&gt;1,&#39;cont&#39;=&gt;&#39;验证码正确&#39;));
}else{
echo json_encode(array(&#39;flag&#39;=&gt;2,&#39;cont&#39;=&gt;&#39;验证码错误&#39;));
}
}
private function auth_my_code($vry,$str){
$key = substr(md5($vry-&gt;seKey), 5, 8);
$str = substr(md5($str), 8, 10);
return md5($key . $str);
}

Copy after login

If the above verification code is entered incorrectly and cannot be automatically refreshed after submission, after changing the code:

location.href="/Login/Login"; This will only refresh the entire page. The value of the submitted form may be lost, which greatly affects the user experience.

2. If the verification code is entered incorrectly, the verification code will be automatically refreshed after submission.

else{
$(&#39;#safecode&#39;).attr(&quot;src&quot;,&quot;/Login/Verify?&quot;+Math.random());
NewAlert(2,&quot;验证码有误，请重新输入&quot;,null);
code_ok = false;
$(&#39;#verifyresult&#39;).html(msg.cont).css({&#39;color&#39;:&#39;red&#39;,&#39;font-size&#39;:&#39;12px&#39;}); 
}

Copy after login

3. The following is the ajax verification code submitted to the background for verification:

<script type="text/javascript">
$("#login_btn").click(function(){
var username = $.trim($("#username").val());
var password = $.trim($("#password").val());
var code = $('#veri').val();
if(username == ""){
NewAlert(2,"请输入用户名",null);
shutdown();
return false;
}else if(password == ""){
NewAlert(2,"请输入密码",null);
shutdown();
return false;
}else if(code==''){
NewAlert(2,"请输入验证码",null);
return false;
}
//ajax去服务器端校验
$.ajax({
url:"__CONTROLLER__/checkVerify",
data:{'code':code},
dataType:'json',
success:function(msg){
if(msg.flag==1){
var data= {
username:username,
password:password
};
$.ajax({
type:"POST",
url:"{:U('Login/Login')}",
data:data,
dataType:"json",
success:function(msg){
if(msg.RespCode=='000'){
shutdown();
if(msg.org_code=='fcb'){
location.href="/Invest/index?biao_type=cwb";
}else{
location.href="{$Think.config.VIP_URL}/Inpidual/index";
}
}else{
NewAlert(2,msg.RespDesc,null);
return false;
}
},
error:function(){
shutdown();
},
beforeSend: function() {
Loading();
},
});
}else{
$(&#39;#safecode&#39;).attr(&quot;src&quot;,&quot;/Login/Verify?&quot;+Math.random());
NewAlert(2,&quot;验证码有误，请重新输入&quot;,null);
code_ok = false;
$(&#39;#verifyresult&#39;).html(msg.cont).css({&#39;color&#39;:&#39;red&#39;,&#39;font-size&#39;:&#39;12px&#39;}); 
}
}
});
}); 
</script>

Copy after login

Related recommendations:

thinkPHP framework implements the method of generating barcodes

The above is the detailed content of Thinkphp comes with a comprehensive analysis of the verification code. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn