<?php namespace Home\Controller; use Think\Controller; use Home\Common\VerifyProcess; class TestVerifyController extends Controller { // 界面 public function index() { $this->display('User/verify'); } // 验证 public function check_verify() { $verify = new VerifyProcess(); if(!$verify->check($_POST['verify'])) { $this->error('验证码错误'); } } // 显示验证码 public function verify() { $verify = new VerifyProcess(); $verify->entryProcess(); } }
verify.html:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script> </head> <body> <form action="{:U('Home/TestVerify/check_verify','','')}" method="post"> <table> <tr> <td>验证码：</td> <td><input type="text"></td> <td> <img src="{:U('Home/TestVerify/verify','','')}" alt=""> <a href="javascript:void(0)" >更换验证码</a> </td> </tr> <tr> <td colspan="2"> <input type="submit" value="提交"> </td> </tr> </table> </form> </body> <script> $(function(){ $src = $("#verify").attr('src'); $("#refresh").click(function(){ change_verify(); }); $("#verify").click(function(){ change_verify(); }); function change_verify() { $('#verify').attr('src', $src + '?' + Math.random()); } }); </script> </html>
效果：
也可以点击图片更换验证码，只需要把点击事件换到图片上就行了。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家，关注脚本之家公众号的更多精彩内容。
您可能感兴趣的文章: