驗證碼的產生核心代碼

標籤：

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("驗證碼輸入錯誤");
}
}

驗證碼的產生核心代碼