基于javascript实现数字英文验证码


Posted in Javascript onJanuary 25, 2017

本文实例为大家分享了js实现数字英文验证码的具体代码,供大家参考,具体内容如下

<html>
<head>
<style type="text/css">
.code{
background-image:url(111.jpg);
font-family:Arial,宋体;
font-style:italic;
color:green;
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 = new Array();
var codeLength = 4;//验证码的长度
var checkCode = document.getElementById("checkCode");
checkCode.value = "";

var selectChar = new Array(2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','J','K','L','M','N','P','Q','R','S','T','U','V','W','X','Y','Z');

for(var i=0;i<codeLength;i++) {
var charIndex = Math.floor(Math.random()*32);
code +=selectChar[charIndex];
}
if(code.length != codeLength){
createCode();
}
checkCode.value = code;
}

function validate () {
var inputCode = document.getElementById("input1").value.toUpperCase();

if(inputCode.length <=0) {
alert("请输入验证码!");
return false;
}
else if(inputCode != code ){
alert("验证码输入错误!");
createCode();
return false;
}
else {
alert("成功!");
return true;
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head>
<body onLoad="createCode();">

<input type="text" id="input1" />
<input type="button" id="checkCode" class="code" style="width:60px" onClick="createCode()" /> <a href="#" onClick="createCode()">看不清楚</a>
<input id="Button1" onClick="validate();" type="button" value="确定" />
<script></script>
</body>
</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Ext JS Grid在IE6 下宽度的问题解决方法
Feb 15 Javascript
顶部缓冲下拉菜单导航特效的JS代码
Aug 27 Javascript
查找iframe里元素的方法可传参
Sep 11 Javascript
用Jquery实现滚动新闻
Feb 12 Javascript
JS实现的简洁纵向滑动菜单(滑动门)效果
Oct 19 Javascript
详解javascript的变量与标识符
Jan 04 Javascript
JavaScipt中栈的实现方法
Feb 17 Javascript
火狐和ie下获取javascript 获取event的方法(推荐)
Nov 26 Javascript
vue框架下部署上线后刷新报404问题的解决方案(推荐)
Apr 03 Javascript
详解 微信小程序开发框架(MINA)
May 17 Javascript
如何利用vue实现波谱拟合详解
Nov 05 Javascript
vue 通过base64实现图片下载功能
Dec 19 Vue.js
js阻止移动端页面滚动的两种方法
Jan 25 #Javascript
servlet+jquery实现文件上传进度条示例代码
Jan 25 #Javascript
json数据处理及数据绑定
Jan 25 #Javascript
详解jQuery中ajax.load()方法
Jan 25 #Javascript
js实现鼠标左右移动,图片也跟着移动效果
Jan 25 #Javascript
JavaScript 网页中实现一个计算当年还剩多少时间的倒数计时程序
Jan 25 #Javascript
js实现文字选中分享功能
Jan 25 #Javascript
You might like
批量去除PHP文件中bom的PHP代码
2012/03/13 PHP
Yii实现单用户博客系统文章详情页插入评论表单的方法
2015/12/28 PHP
PHP 文件上传后端处理实用技巧方法
2017/01/06 PHP
微信公众平台开发教程④ ThinkPHP框架下微信支付功能图文详解
2019/04/10 PHP
用htc组件制作windows选项卡
2007/01/13 Javascript
jQuery与ExtJS之选择实例分析
2010/08/19 Javascript
异步动态加载js与css文件的js代码
2013/09/15 Javascript
多引号嵌套的变量命名的问题
2014/05/09 Javascript
Node.js实现在目录中查找某个字符串及所在文件
2014/09/03 Javascript
JavaScript对象反射用法实例
2015/04/17 Javascript
在JavaScript中使用对数Math.log()方法的教程
2015/06/15 Javascript
JS实现仿QQ面板的手风琴效果折叠菜单代码
2015/09/11 Javascript
Jquery ajax 同步阻塞引起的UI线程阻塞问题
2015/11/17 Javascript
基于AngularJS+HTML+Groovy实现登录功能
2016/02/17 Javascript
解析浏览器端的AJAX缓存机制
2016/06/21 Javascript
Node.js Streams文件读写操作详解
2016/07/04 Javascript
javascript prototype原型详解(比较基础)
2016/12/26 Javascript
简单谈谈关于Angular Cli打包的事
2017/09/05 Javascript
javascript代码优化的8点总结
2018/01/29 Javascript
使用 electron 实现类似新版 QQ 的登录界面效果(阴影、背景动画、窗体3D翻转)
2018/10/23 Javascript
基于Vue2实现简易的省市区县三级联动组件效果
2018/11/05 Javascript
深入了解Vue3模板编译原理
2020/11/19 Vue.js
python tensorflow学习之识别单张图片的实现的示例
2018/02/09 Python
python实现m3u8格式转换为mp4视频格式
2018/02/28 Python
python selenium自动上传有赞单号的操作方法
2018/07/05 Python
Python爬虫实现验证码登录代码实例
2019/05/10 Python
简单了解python filter、map、reduce的区别
2020/01/14 Python
Python下利用BeautifulSoup解析HTML的实现
2020/01/17 Python
澳大利亚优质的家居用品和生活方式公司:Bed Bath N’ Table
2019/04/16 全球购物
销售副总经理岗位职责
2013/12/11 职场文书
花店创业计划书范文
2014/02/07 职场文书
保护黄河倡议书
2014/05/16 职场文书
小学校长个人总结
2015/03/03 职场文书
基石观后感
2015/06/12 职场文书
经营场所证明范本
2015/06/19 职场文书
springboot临时文件存储目录配置方式
2021/07/01 Java/Android