纯js实现的前端验证插件

之前有写过一个在C#后台实现的点击图上上文字实现安全验证的插件，相对于js验证来说更安全，缺点是只能在c#后台实现，最近发现一个纯js实现的安全验证插件，最大好处就是简洁，跨平台。

下面直接把代码贴出来分享给大家：

运行示例：http://img.lwpoor.cn/verify/login.html

这里包含两个验证的控件：1、拖动滑块拼接图片完成验证   2、点击图片上的文字完成验证

verify.js

http://img.lwpoor.cn/verify/verify.js

verify.css

http://img.lwpoor.cn/verify/verify.css

 

如何使用？

新建一个html页面：

    
    
    
    
	



	
	
    
    

    

        
拖动滑块完成安全验证
        
        

        
验证失败，请控制拼图块对齐缺口
        

            
            
验证通过
        
    
    

        
请完成安全认证
        
        

    

运行结果：

1、拖动滑块完成安全验证

 

2、点击图片上的文字完成验证

 

关键代码已经写了注释，大家可下载本地运行查看。