基于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 相关文章推荐
WordPress 照片lightbox效果的运用几点
Jun 22 Javascript
SuperSlide标签切换、焦点图多种组合插件
Mar 14 Javascript
javascript Array 数组常用方法
Apr 05 Javascript
AngularJS使用angular-formly进行表单验证
Dec 27 Javascript
如何利用模板将HTML从JavaScript中抽离
Oct 08 Javascript
ionic中列表项增加和删除的实现方法
Jan 22 Javascript
JS判断一个数是否是水仙花数
Jun 11 Javascript
vue-cli结合Element-ui基于cropper.js封装vue实现图片裁剪组件功能
Mar 01 Javascript
详解ESLint在Vue中的使用小结
Oct 15 Javascript
微信小程序tabbar底部导航
Nov 05 Javascript
vue轻量级框架无法获取到vue对象解决方法
May 12 Javascript
微信小程序 函数防抖 解决重复点击消耗性能问题实现代码
Sep 12 Javascript
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 变量未定义等错误的解决方法
2011/01/12 PHP
phpmyadmin安装时提示:Warning: require_once(./libraries/common.inc.php)错误解决办法
2011/08/18 PHP
php的mkdir()函数创建文件夹比较安全的权限设置方法
2014/07/28 PHP
php数组冒泡排序算法实例
2016/05/06 PHP
javascript 树形导航菜单实例代码
2013/08/13 Javascript
jQuery实现简单的DIV拖动效果
2016/02/19 Javascript
浅谈toLowerCase和toLocaleLowerCase的区别
2016/08/15 Javascript
JS 组件系列之BootstrapTable的treegrid功能
2017/06/16 Javascript
nodejs socket服务端和客户端简单通信功能
2017/09/14 NodeJs
前后端如何实现登录token拦截校验详解
2018/09/03 Javascript
使用ECharts实现状态区间图
2018/10/25 Javascript
vue组件化中slot的基本使用方法
2019/05/01 Javascript
js实现聊天对话框
2020/02/08 Javascript
ES6对象操作实例详解
2020/05/23 Javascript
浅谈vue的第一个commit分析
2020/06/08 Javascript
JS轮播图的实现方法
2020/08/24 Javascript
vue切换菜单取消未完成接口请求的案例
2020/11/13 Javascript
[01:59][TI9趣味视频] 全明星赛奖励
2019/08/23 DOTA
跟老齐学Python之不要红头文件(1)
2014/09/28 Python
Django实现自定义404,500页面教程
2017/03/26 Python
python 禁止函数修改列表的实现方法
2017/08/03 Python
python使用Tkinter实现在线音乐播放器
2018/01/30 Python
Python基于递归和非递归算法求两个数最大公约数、最小公倍数示例
2018/05/21 Python
python+opencv实现霍夫变换检测直线
2020/10/23 Python
python实现在函数图像上添加文字和标注的方法
2019/07/08 Python
Python中类似于jquery的pyquery库用法分析
2019/12/02 Python
使用pyplot.matshow()函数添加绘图标题
2020/06/16 Python
python能自学吗
2020/06/18 Python
套娃式文件夹如何通过Python批量处理
2020/08/23 Python
英国知名化妆品网站:Revolution Beauty(原TAM Beauty)
2018/02/28 全球购物
行政前台岗位职责
2013/12/04 职场文书
班级年度安全计划书
2014/05/01 职场文书
中秋客户感谢信
2015/01/22 职场文书
鲁迅故里导游词
2015/02/05 职场文书
小学生作文之《压岁钱的烦恼》
2019/09/27 职场文书
利用For循环遍历Python字典的三种方法实例
2022/03/25 Python