纯JS生成验证码

最新推荐文章于 2024-10-30 19:10:39 发布

xuanenbaba

最新推荐文章于 2024-10-30 19:10:39 发布

阅读量149

点赞数 1

分类专栏： JS 验证码文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/dfhgx/article/details/84545412

版权

JS 验证码专栏收录该内容

1 篇文章 0 订阅

订阅专栏

[code="js"]纯JS生成验证码
// <![CDATA[

var code ; //在全局定义验证码
function createCode()
{
code = "";
var codeLength = 4;//验证码的长度
var checkCode = document.getElementById("checkCode");
var selectChar = new Array(0,1,2,3,4,5,6,7,8,9,'a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','s','y','z','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');//所有候选组成验证码的字符，当然也可以用中文的

for(var i=0;i<codeLength;i++)
{

var charIndex = Math.floor(Math.random()*62);
code +=selectChar[charIndex];

}
// alert(code);
if(checkCode)
{
checkCode.className="code";
checkCode.value = code;
}

}

function validate ()
{
var inputCode = document.getElementById("input1").value;
if(inputCode.length <=0)
{
alert("请输入验证码！");
}
else if(inputCode.toLowerCase() != code.toLowerCase())
{
alert("验证码输入错误！");
createCode();//刷新验证码
}
else
{
alert("^-^ OK!");
}

}
function tixing(){
var me = document.getElementById("mes");
me.innerHTML = "验证码不区分大小写！";
}
function yincang(){
var hi = document.getElementById("mes");
hi.innerHTML = "";
}

// ]]>
[/code]

源自：http://blog.csdn.net/superman166/article/details/22382575