首页 > 代码库 > ThinkPHP3.2 点击看不清刷新验证码

ThinkPHP3.2 点击看不清刷新验证码

欢迎使用Markdown编辑器写博客

baidu了一下。发现没有可用的源码,自己想了想,以下的方法可行。

<!DOCTYPE html>
<html>
<head>
    <title>点击刷新后自己主动刷新验证码</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <script type="text/javascript">
    function changeVerify(){
        var randomnum = Math.random();
        var img       = document.getElementById(‘verify‘);
        img.src       = http://www.mamicode.com/"{:U(‘Home/Index/createVerify‘)}?

a="+randomnum; } </script> </head> <body> <p>点击刷新后自己主动刷新验证码</p> <input type="text" name=‘code‘> <img id="verify" src="{:U(‘Home/Index/createVerify‘)}"> <input type="button" value="看不清" onclick="changeVerify()" id="code"> </body> </html>

生成验证码的函数是createVerify,这个就不多说了,依照官方文档来即可。

<script type="text/javascript"> $(function () { $(‘pre.prettyprint code‘).each(function () { var lines = $(this).text().split(‘\n‘).length; var $numbering = $(‘
    ‘).addClass(‘pre-numbering‘).hide(); $(this).addClass(‘has-numbering‘).parent().append($numbering); for (i = 1; i <= lines; i++) { $numbering.append($(‘
  • ‘).text(i)); }; $numbering.fadeIn(1700); }); }); </script>

ThinkPHP3.2 点击看不清刷新验证码