# clicaptcha

**Repository Path**: zhyun/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**: 0
- **Forks**: 61
- **Created**: 2020-03-30
- **Last Updated**: 2021-05-31

## Categories & Tags

**Categories**: Uncategorized

**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)