Typecho插件:简单图片验证码


ai大脑.png

在网上找了很久人机验证的插件,看了几款,都不符合要求,无奈自己写了一个。先看看效果:


验证码效果图.png

使用方法

  1. 把“YunYunValidate.rar”解压到“你的网站目录\usr\plugins”里面。
  2. 在Typecho后台中启用“YunYunValidate”插件
  3. 在评论的模板文件中加入以下代码:

       <!--  验证码代码  -->
       <div class="col-lg-6 col-md-12 col-sm-12 col-12 form-group">
           <label for="vcode" class="required">验证码</label>
           <a href="javascript:void(0)"><img src="/index.php/yun-yun/validate" onclick="javascript:this.src='/index.php/yun-yun/validate?_=' + Math.random()" /></a>
           <input type="text" maxlength="5" name="vcode" id="vcode" class="text form-control " placeholder="请输入验证码" value="" required>
       </div>
    

重要事项

  • 已登录的用户不需要输入验证码
  • 一定要有个name属性值为“vcode”的input元素,否则服务端无法接收到用户输入的验证码
  • 获取验证码图片的url不要改,插件添加了路由的,改成其他值可能无法获取到图片

其他

插件下载地址:YunYunValidate.rar


芸芸小站首发,阅读原文:


最后编辑:2021年05月12日 ©版权所有,转载须保留原文链接