clicaptcha

这是一个基于PHP的jQuery中文点击验证码插件

效果图

调用方式

<!-- 引入 jquery 和 js.cookie --> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> <script src="https://cdn.bootcss.com/js-cookie/2.2.1/js.cookie.min.js"></script> <!-- 在页面需要位置加入隐藏域 --> <input type="hidden" id="clicaptcha-submit-info" name="clicaptcha-submit-info">

$('#clicaptcha-submit-info').clicaptcha({ src: '../clicaptcha.php', success_tip: '验证成功！', error_tip: '未点中正确区域，请重试！', callback: function(){ //... } });

//后端进行二次验证 require('../clicaptcha.class.php'); $clicaptcha = new clicaptcha(); echo $clicaptcha->check($_POST['clicaptcha-submit-info']) ? '后端二次验证成功' : '后端二次验证失败';

Vue 版

vue-clicaptcha