You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
73 lines
2.3 KiB
Plaintext
73 lines
2.3 KiB
Plaintext
9 months ago
|
var code;
|
||
|
|
function createCode() {
|
||
|
|
code = "";
|
||
|
|
var codeLength = 5; //验证码的长度
|
||
|
|
var checkCode = document.getElementById("checkCode");
|
||
|
|
|
||
|
|
var codeChars = new Array(2, 3, 4, 5, 6, 7, 8, 9,
|
||
|
|
'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z',
|
||
|
|
'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'); //所有候选组成验证码的字符，当然也可以用中文的
|
||
|
|
for (var i = 0; i < codeLength; i++) {
|
||
|
|
var charNum = Math.floor(Math.random() * 58);
|
||
|
|
code += codeChars[charNum];
|
||
|
|
}
|
||
|
|
if (checkCode) {
|
||
|
|
checkCode.className = "code";
|
||
|
|
checkCode.innerHTML = code;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
var canvas = document.getElementById('canvas');
|
||
|
|
context = canvas.getContext('2d');
|
||
|
|
context.clearRect(0, 0, canvas.width, canvas.height);
|
||
|
|
context.font = '16px sans-serif';
|
||
|
|
context.fillStyle = '#4B4B4B';
|
||
|
|
context.fillText(code, 12, 18);
|
||
|
|
context.lineWidth = 3;
|
||
|
|
|
||
|
|
|
||
|
|
for (var i = 0; i < 4; i++) {
|
||
|
|
context.beginPath();
|
||
|
|
context.strokeStyle = getRandomColor(120, 220);
|
||
|
|
context.moveTo(Mathrandom(0, 30), Mathrandom(0, 40));
|
||
|
|
context.lineTo(Mathrandom(90, 110), Mathrandom(0, 40));
|
||
|
|
context.stroke();
|
||
|
|
}
|
||
|
|
for (var i = 0; i < 25; i++) {
|
||
|
|
context.beginPath();
|
||
|
|
context.fillStyle = getRandomColor(120, 220);
|
||
|
|
context.arc(Mathrandom(5, 110), Mathrandom(5, 35), 1, 0, Math.PI * 2);
|
||
|
|
context.fill();
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
function getRandomColor(min, max) {
|
||
|
|
var r = Mathrandom(min, max);
|
||
|
|
var g = Mathrandom(min, max);
|
||
|
|
var b = Mathrandom(min, max);
|
||
|
|
return "rgb(" + r + "," + g + "," + b + ")";
|
||
|
|
}
|
||
|
|
function Mathrandom(min, max) {
|
||
|
|
return parseInt(Math.random() * (max - min + 1) + min);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
function validateCode() {
|
||
|
|
|
||
|
|
var inputCode = $("#inputCode").val();
|
||
|
|
if (inputCode.length <= 0) {
|
||
|
|
alert('请输入验证码');
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
else if (inputCode.toUpperCase() != code.toUpperCase()) {
|
||
|
|
alert('验证码错误，请重新输入');
|
||
|
|
$("#inputCode").val("");
|
||
|
|
$("#TB_PW").val("");
|
||
|
|
createCode();
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
}
|