验证码效果如图:

805466c7fb00559341553956aea6988.png

验证码调用地址:Application\Home\Controller\CodeController.class.php

Vendor('Vcode.Vcode', '', '.class.php'); $config = array("width" => 100, "height" => 36, "count" => 4, "str" => 2); //配置 $vcode = new \Vcode($config); $vcode->getCode(); //获取验证码 $vcode->getImg(); //输出图片 exit;

(相关免费学习视频教程分享:php视频教程)

验证码图片如下:

<img src="__APP__/code/" id="code" onclick="changeCode($('#code'))"/>

JS通过后缀加随机数Math.random()来刷新验证码

function changeCode(obj) {  obj.attr("src", '__APP__/code/?' + Math.random()); }

检测验证码是否输入正确

<input type="text" id="input_code" class="input"/> <input type="button" value="提交" class="btn" onclick="checkCode()"/>function checkCode() {   $.post("__APP__/Code/check", {code: $("#input_code").val()}, function(data) {     if (data == '1') {       alert("验证码正确!");     } else {       alert("验证码错误!");     }   }, "json") }

PHP验证传过来的参数code和当前session存储的验证码进行比较,若是正确返回1,错误则-1

public function check() {     $code = I('post.code');     if (strtolower($code) == $_SESSION["sucaihuo_code"]) {       echo "1";     } else {       echo "-1";     } }

相关文章教程推荐:php教程

更多相关文章

  1. 干货丨时序数据库DolphinDB历史数据回放教程
  2. 以太坊批量归集教程,利用多转一刷空投
  3. 肝了一周总结的SpringBoot实战教程,太实用了!
  4. 涵盖大部分核心组件使用的 Spring Cloud 教程,一定要收藏哦!
  5. 【黑科技】不可能学不会的Python基础教程
  6. python入门教程12-02 (python语法入门之多道技术)
  7. 骗局!卸载搜狗输入法教程
  8. 教程资源汇总(已更新)
  9. 干货丨时序数据库DolphinDB异常检测引擎教程

随机推荐

  1. 关于webview中java调用js函数(解决loadUrl
  2. 已经安装了JDK,并且配置好了环境,在cmd中输
  3. Java:IntelliJ想法生成的代码错误地为所有
  4. 了解数组类型和使用java.util.Arrays类
  5. 如何在另一个类中使用静态类中的变量?
  6. JSP中--->中文乱码问题
  7. 在Java中修剪可能的字符串前缀
  8. java7 switch语句使用字符串
  9. 如何在Spring中读取具有相同键的多个属性
  10. java中的异常处理