600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > JavaScript 验证码的实例代码(附效果图)【javascript】

JavaScript 验证码的实例代码(附效果图)【javascript】

时间:2018-10-09 18:13:30

相关推荐

JavaScript 验证码的实例代码(附效果图)【javascript】

web前端|js教程

JavaScript,验证码

web前端-js教程

效果如下:

微场景制作软件源码,银河麒麟系统安装vscode,ubuntu安装 闪屏,tomcat6注册服务,sqlite修改类型,网页设计的模版,mysql 数据库 索引,aspx网站服务器失去响应,js代码怎么添加到插件,前端框架ngcs,常熟爬虫店,php壁纸,微信seo霸屏,springboot敏感词,免流网站平台源码,qq提醒网页链接代码,html多页面自适应模板,html img调用后台的方法,html系统维护页面,培训学校管理系统 php,微擎小程序扫盲lzw

信贷源码,vscode是什么座的,ubuntu怎么upan,tomcat源码下载步骤,爬虫淘宝CSV,php 获取设备号,单网页seo怎么做,预约网站源码html,织梦模板主页文章调用lzw

.code

{

background:url(code_bg.jpg);

font-family:Arial;

font-style:italic;

color:blue;

font-size:30px;

border:0;

padding:2px 3px;

letter-spacing:3px;

font-weight:bolder;

float:left;

cursor:pointer;

width:150px;

height:60px;

line-height:60px;

text-align:center;

vertical-align:middle;

红包娱乐网站源码,vscode 组件跳转,网络不稳定 ubuntu,tomcat攻防,sqlite表类型,服务器写入权限,jquery打卡插件,前端后端框架维护,政治小爬虫瘦身版,php主控,广州seo优化排名公司,英文网站 模板,.net网页开发工具,cladmin 模板,页面中间弹框,员工考勤管理系统源码,gdi图形程序设计lzw

}

a

{

text-decoration:none;

font-size:12px;

color:#288bc4;

}

a:hover

{

text-decoration:underline;

}

var code;

function createCode() {

code = "";

var codeLength = 6; //验证码的长度

var checkCode = document.getElementById("checkCode");

var codeChars = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9,

a,,c,d,e,f,g,h,i,j,k,l,m, ,o,p,q, ,s, ,u,v,w,x,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, ); //所有候选组成验证码的字符,当然也可以用中文的

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

{

var charNum = Math.floor(Math.random() * 52);

code += codeChars[charNum];

}

if (checkCode)

{

checkCode.className = "code";

checkCode.innerHTML = code;

}

}

function validateCode()

{

var inputCode = document.getElementById("inputCode").value;

if (inputCode.length <= 0)

{

alert("请输入验证码!");

}

else if (inputCode.toUpperCase() != code.toUpperCase())

{

alert("验证码输入有误!");

createCode();

}

else

{

alert("验证码正确!");

}

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。