验证码的生成核心代码

var sResult = "";
$(function () {//生成验证码
    var context = $("#myCanvas")[0].getContext("2d"); //canvas的获取必须用DOM方式获取，所以必须把jQuery方式转换成DOM方式
    context.font = "50px 微软雅黑"; //常用字体为微软雅黑
    context.fillStyle = "red"; //定义生成随机序列生成时的颜色
    //将需要用到的数据放在数组中
    var aStr = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
    for (var i = 0; i < 4; i++)//生成四位随机序列
    {
        var a = Math.floor(Math.random() * aStr.length); //获取随机索引
        sResult += aStr[a]; //根据随机索引获取对应序列值
    }
    context.fillText(sResult, 80, 85); //将内容显示到canvas对象中
});
function Check() //输入验证
{
    var sInput = $("#txtCheckCode").val().toUpperCase();//将输入的内容转换为大写（随机生成的数据中全为大写，这样保证了可以不区分大小写）
    if (sInput == sResult) {
        alert("验证码输入正确");
    }
    else {
        alert("验证码输入错误");
    }
}