# clicaptcha

**Repository Path**: hooray/clicaptcha

## Basic Information

- **Project Name**: clicaptcha
- **Description**: 一个基于PHP的jQuery中文点击验证码插件 （php, jquery, captcha）项目已停止维护，如遇问题请自行解决
- **Primary Language**: PHP
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 213
- **Forks**: 61
- **Created**: 2016-02-16
- **Last Updated**: 2025-04-16

## Categories & Tags

**Categories**: captcha

**Tags**: None

## README

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

## 效果图
![](https://i.loli.net/2019/12/21/MzK7hOwNWaBAC9v.png)

## 调用方式
```html
<!-- 引入 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">
```
```js
$('#clicaptcha-submit-info').clicaptcha({
    src: '../clicaptcha.php',
	success_tip: '验证成功！',
	error_tip: '未点中正确区域，请重试！',
	callback: function(){
		//...
	}
});
```
```php
//后端进行二次验证
require('../clicaptcha.class.php');
$clicaptcha = new clicaptcha();
echo $clicaptcha->check($_POST['clicaptcha-submit-info']) ? '后端二次验证成功' : '后端二次验证失败';
```

## Vue 版
[vue-clicaptcha](https://github.com/hooray/vue-clicaptcha)