javascript 验证码生成代码推荐学习

更新时间：2009年07月01日 23:46:33 作者：

非常不错的用javascript实现的验证码实现代码。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>javascript 验证码实现代码_脚本之家测试</title> <style type="text/css"> .code {}{ background-image:url(code.jpg); font-family:Arial; font-style:italic; color:Red; border:0; padding:2px 3px; letter-spacing:3px; font-weight:bolder; } .unchanged {}{ border:0; } </style> <script language="javascript" type="text/javascript"> var code ; //在全局 定义验证码 function createCode() { code = ""; var codeLength = 6;//验证码的长度 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','X','Y','Z');//所有候选组成验证码的字符，当然也可以用中文的 for(var i=0;i<codeLength;i++) { var charIndex = Math.floor(Math.random()*36); code +=selectChar[charIndex]; } if(checkCode) { checkCode.className="code"; checkCode.value = code; } } function validate () { var inputCode = document.getElementById("input1").value; if(inputCode.length <=0) { alert("请输入验证码！"); } else if(inputCode != code ) { alert("验证码输入错误！"); createCode();//刷新验证码 } else { alert("^-^ OK"); } } </script> </head> <body onload="createCode()"> <form action="#"> <input type="text" id="input1" /> <input type="text" onclick="createCode()" readonly="readonly" id="checkCode" class="unchanged" style="width: 80px" /> <input id="Button1" onclick="validate();" type="button" value="确定" /> </form> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

小程序云开发部署攻略(图文教程)
微信小程序的云开发功能刚刚上线，这篇文章主要介绍了小程序云开发部署攻略(图文教程)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-10-10
JavaScript中SQL语句的应用实现
最近一直在用javascript在做项目可是做着做着感觉很多功能代码都是重复的。
2010-05-05
JS闭包的几种常见形式实例详解
本文通过实例代码给大家详细介绍了js闭包的几种常见形式，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下
2017-09-09
js实现登录验证码
本文主要介绍了js实现登录验证码的方法，代码简洁明了，具有很好的参考价值，需要的朋友一起来看下吧
2016-12-12
关于JavaScript数组去重的一些理解汇总
这篇文章主要给大家介绍了关于JavaScript数组去重的一些理解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-09-09
JavaScript实现身份证验证代码
本文给大家分享的是使用javascript实现身份验证的规则以及代码，非常的简单实用，有需要的小伙伴可以参考下。
2016-02-02
JavaScript截取、切割字符串的技巧
这篇文章主要介绍了JavaScript截取、切割字符串的技巧,文中给大家提到了substr 和 substring方法的区别，结合示例代码给大家介绍的非常详细，需要的朋友可以参考下
2016-01-01
js实现鼠标悬浮给图片加边框的方法
这篇文章主要介绍了js实现鼠标悬浮给图片加边框的方法,涉及jquery.insetborder.js中borderEffect方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-01-01
JS组件库AlloyTouch实现图片轮播过程解析
这篇文章主要介绍了JS组件库AlloyTouch实现图片轮播组件过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-05-05
Json解析的方法小结
本文给大家带来了json解析方法小结的知识，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧
2016-06-06