JS生成随机验证码
1,Js部分
var code; //在全局定义验证码
//产生验证码
window.onload = function() {
createCode();
}
function createCode() {
code = "";
var codeLength = 4; //验证码的长度
var checkCode = document.getElementById("checkCode");
var random = 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', 'X', 'Y', 'Z'); //随机数
for(var i = 0; i < codeLength; i++) { //循环操作
var charIndex = Math.floor(Math.random() * 36); //取得随机数的索引
code += random[charIndex]; //根据索引取得随机数加到code上
}
checkCode.value = code; //把code值赋给验证码
}
//校验验证码
function validate() {
var userName = document.getElementById("loginName").value;
var pwd = document.getElementById("loginPwd").value;
var inputCode = document.getElementById("validateCode").value.toUpperCase(); //取得输入的验证码并转化为大写
var input = document.getElementById("checkInput");
if(userName.length<=0){
input.innerText="用户名不能为空";
return false;
}else if(pwd.length<=0){
input.innerText="密码不能为空";
return false;
}else if(inputCode.length <= 0) { //若输入的验证码长度为0
input.innerText="请输入验证码"; //则弹出请输入验证码
return false;
} else if(inputCode != code) { //若输入的验证码与产生的验证码不一致时
input.innerText="验证码输入错误!"; //则弹出验证码输入错误
return false;
} else { //输入正确时
input.innerText="";
return true;
}
}
2 CSS部分
.code {
TEXT-ALIGN: center;
LINE-HEIGHT: 27px;
DISPLAY: block;
FONT-FAMILY: Verdana, 宋体, fantasy;
LETTER-SPACING: 8px;
COLOR: #d7da89;
FONT-SIZE: 22px;
cursor: default;
width: 112px;
height: 32px;
float: left;
position: absolute;
top: 101px;
right: 115px;
z-index: 999;
}
3 HTML部分
<input type="button" id="checkCode" class="code" onclick="createCode()" />
<div class="checkCode" id="checkInput"></div>
阅读更多- js随机生成4位验证码
- JS 生成随机色,产生验证码,获取URL中的"?"
- js随机生成一个数组中的随机字符串以及更新验证码
- js随机生成一个验证码
- js随机生成一个验证码
- JS随机生成生成验证码
- JS生成随机验证码
- 纯js随机生成验证码
- Android随机验证码的生成
- js 学习基础 随机生成表格 颜色随机
- Servlet生成随机验证码
- python生成随机验证码(中文验证码)示例
- 随机生成验证码
- Flex Builder 生成随机验证码
- *自创*可变长度随机数字/字母的生成小结(针对文件上传及验证码)
- Java生成随机验证码
- 用C#生成随机中文汉字验证码的基本原理
- js随机生成N位数
- 【three.js练习程序】随机生成100个方块
- 生成固定范围不重复随机整数(JS&PHP)