https://github.com/HaleyLeoZhang/slide-verify

php+js滑动验证码
https://github.com/HaleyLeoZhang/slide-verify

Last synced: 3 months ago
JSON representation

php+js滑动验证码

• Host: GitHub
• URL: https://github.com/HaleyLeoZhang/slide-verify
• Owner: HaleyLeoZhang
• Created: 2017-05-30T08:34:43.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2019-06-28T06:19:58.000Z (almost 5 years ago)
• Last Synced: 2024-01-16T11:50:51.636Z (5 months ago)
• Language: PHP
• Homepage: http://www.hlzblog.top/
• Size: 315 KB
• Stars: 48
• Watchers: 6
• Forks: 15
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Lists

• awesome-stars - slide-verify

README

        
## 云天河 - 滑动验证码

目前只兼容webkit内核浏览器

很遗憾，移动端目前兼容性不好！

演示地址 [http://www.hlzblog.top/test/slide_verify](http://www.hlzblog.top/test/slide_verify)

QQ交流群 [239734937](http://shang.qq.com/wpa/qunwpa?idkey=5558b007499df85482751b2164082cc515d0b0538efe149ee1ab19be2ff5253e)

单机部署----完整案例 基于thinkphp5 [ 但并未包含thinkphp5框架本身 请自行引入测试]

目录位于 /tp5_project

分布式部署---Laravel框架示例，请追溯 [blog_v3](https://github.com/HaleyLeoZhang/blog_v3/blob/master/app/Http/Controllers/Api/SlideVerifyController.php) 项目源码

当你使用时，无需依赖任何框架

##### RSA方式的登陆验证

示例如下

	

	    
滑动验证码 - RSA版

	    

	        

	        

	    

	    

	    


	    

	    

	    

	    

	    

	    loadjs(["/static/plugins/verify/js/min_drag.js"], {

	        success: function() {

	            // 异步初始化验证码

	            $.ajax({

	                "url": "/Verify/init", // 获取初始的验证码 `css + 验证码图片` 的地址

	                "success": function(html) {

	                    $("#yth_captchar").html(html);

	                    $(this).yth_drag({

	                        "verify_url": "/Verify/check",

	                        "source_url": "/Verify/captchar",

	                        "auto_submit": true,

	                        "submit_url": "/Verify/demo_rsa",

	                        "form_id": "form_check",

	                        "crypt_func": "rsa_encode"

	                    });

	                }

	            });

	            // 适应当前样式

	            $("#yth_captchar").css({

	                "margin-left": "10px",

	                "width": "280px",

	                "margin-top": "20px"

	            });

	        }

	    });

	    

	


##### 用户拖动滑动验证码后的示例验证，如下