前端jquery生成验证码插件 |图片效果|下载

简要教程

ClientSideCaptcha是一款前端jquery生成验证码插件。该验证码插件完全由js生成。通过该插件，可以不依赖于后台，在前端完成验证码的测试工作。

使用方法

在页面中引入jquery和client_captcha.js文件。

HTML结构

一个完整的图片验证码的HTML结构如下：

初始化插件

在页面DOM元素加载完毕之后，通过下面的方法来初始化该jquery验证码插件。

var captcha = new $.Captcha({ //initialize captcha  
    selector: "#captcha",  
    text: null,  
    randomText: true,  
    randomColours: true,  
    width: 244,  
    height: 163,  
    colour1: null,  
    colour2: null,  
    font: 'normal 40px "Comic Sans MS", cursive, sans-serif',  
    onFailure: function() {  
       alert("Failure!");  
    },  
    onSuccess: function() {  
       alert("验证码输入成功！");
    }  
});  
captcha.generate(); //Generate or refresh captcha
captcha.validate(); //validate filled captcha

该前端jquery生成验证码插件的github网址为：https://github.com/AnupamKhosla/ClientSideCaptcha