javascript不使用圖片驗證與服務端檢測驗證碼方法

網頁特效不使用圖片驗證與服務端檢測驗證碼方法

很多源碼都是通過請求伺服器來匹配驗證碼

突然想到，如果在瀏覽器通過salt+md5混合加密後，與密文（在頁面上）匹配，即可在本地

知道驗證碼是否正確

var seccode_hash = 'xxxxxx'; // 32位加密後的驗證碼
var seccode_salt = 'xxsxxx'; // 隨機字元
var seccode_count = 255; // 加密次數

當使用者提交時，將驗證碼加密，與密文匹配：

// 長度為8位的英文（大小寫忽略）+數位驗證碼，窮舉約為 > 2萬億

var hash = '12345678';
hash = md5(hash + seccode_salt);
for(var i = 0; i < seccode_count; ++i) {
    hash = md5(hash);
}
if(hash != seccode_hash) {
    alert('驗證碼錯誤！');
}else{
    alert('通過');
}

將驗證碼明文提交到伺服器，在服務端再次檢測

而重新整理驗證碼，則需要通過ajax請求介面，
返回新驗證碼的密文，和驗證碼圖片的base64，該介面可以進行gzip壓縮減少流量
而不採用url請求驗證碼圖片