HTML代码：
<body onLoad="createCode()">
<!--
整个html打开可以看到效果，不包含验证码背景图片，自己找一个命名为code.jpg就有背景了，
js验证码比jsp验证码好处在于：对于一个注册或者登陆页面，如果想通过点击提交按钮触发js事件，
那么jsp用的是(String)session.getAttribute("rand");那么对于刷新图片后，session不能立刻保存为新值，
验证就永远不能通过，反之js用的是一个全局变量不需要session
这个程序既可以直接验证，也可以点击验证码刷新一个新的验证码（当原来的验证码看不清楚的时候），再验证
-->
<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;
checkCode.blur();
}
}
function validate () {
var inputCode = document.getElementById("validCode").value;
if(inputCode.length <=0)
{
alert("请输入验证码！");
}
else if(inputCode.toUpperCase() != code )
{
alert("验证码输入错误！");
createCode();//刷新验证码
}
else
{
alert("^-^ OK");
}
}
</script>
<form action="#">
<input type="text" id="validCode" />
<input type="text" onClick="createCode()" readonly="readonly" id="checkCode" class="unchanged" style="width: 80px;cursor:pointer" /><br />
<input id="Button1" onclick="validate();" type="button" value="确定" />
</form>
相关推荐
jQuery区分大小写验证码输入框是一款超级实用无冗余的区分大小写验证码插件，在实际运用中经常可以用到。
本文实例为大家分享了JavaScript实现随机生成验证码及校验的具体代码，供大家参考，具体内容如下 输入验证码（区分大小写）点击确认，进行校验。出错就弹框提示 点击 看不清 重新随机生成验证码 当验证码输入...
通过随机数编写一个不分大小写且含数字的4位随机数。 CSS样式 p{ width: 60px; height: 20px; display: inline-block; letter-spacing: 3px; border: 1px solid red; } #div{ height: 20px; margin-bottom: ...
我之前写了一篇《JS实现随机验证码》，可以产生随机数字、随机颜色、随机位置，但只能产生数字验证码，今天在此基础上进行改进，使之可以随机大写字母、小写字母、数字三种类型。 思路 我们使用Math.random()获得...
jQuery验证码输入框代码，输入区分大小写，一个超级实用的无冗余的验证码插件。
验证码不区分大小写 页面设计合理 双层MD5加密 过滤器权限保护 MVC+DAO工厂模式，易维护易拓展便于开发 代码结构符合开发规范 功能丰富 支持xlsx表格文件导入名单 学生个人云空间 搜索部分均支持模糊查询 开发环境 ...
调用方法如下： 不区分大小写" alt="不区分大小写" onclick='javascript:this.src="../ValidateCode.aspx?ro=" + Math.random();' style="cursor:pointer; width: 84px;"/>
jQuery验证码插件jquery.idcode.js，支持IE9，支持大小写区分。
qianxun 1.丢失物品未找到前，成功找到？...8.注册登录验证码不应该区分大小写 OK 9.首页表格文字溢出(物品名称5个中文字符，地点9个，详情16个) ok 10.页面跳转逻辑优化 部分ok 11.评论重复提交 ok
在使用验证码的页面直接写 img src="这个页面的路径" 注意验证码保存在 Session["CheckCode"]中 这里是区分大小写的 ///ElseColorRGB()由于QQ截图的取色会出现RGB的颜色 这里能转换成16进制 分页控件详情请看...
在使用验证码的页面直接写 img src="这个页面的路径" 注意验证码保存在 Session["CheckCode"]中 这里是区分大小写的 ///ElseColorRGB()由于QQ截图的取色会出现RGB的颜色 这里能转换成16进制 分页控件详情请看...
再次声明 千万不要把... 在使用验证码的页面直接写 img src="这个页面的路径" 注意验证码保存在 Session["CheckCode"]中 这里是区分大小写的 ///ElseColorRGB()由于QQ截图的取色会出现RGB的颜色 这里能转换成16进制
再次声明 千万不要把... 在使用验证码的页面直接写 img src="这个页面的路径" 注意验证码保存在 Session["CheckCode"]中 这里是区分大小写的 ///ElseColorRGB()由于QQ截图的取色会出现RGB的颜色 这里能转换成16进制
2019秋季学期新版教务评教系统，出现了区分大小写的验证码，出现概率为首次100%及随后约20%。 本次更新加入了检测验证码的机制。 Console出现红字POST无需惊慌 如何使用 由于今年教务系统加入了阻止使用控制台的措施...
后台演示地址：http://info1.demo.cpush.com/admin<br/>管理员登陆用户名：admin 管理员登陆密码：admin 注意：区分大小写 前台演示地址：http://info1.demo.cpush.com<br/>此版本帮助系统地址：...
15、改善“普通填表类-就绪判断_源码关键字”添加区分大小写参数。 MD5: 3C01272B9E2DAFDEF08D20C191E3C265 精易模块 V5.12 what’s new：（20150108） 1、删除“IP_取外网IP”与 网页_取外网IP()功能重复命令，...
系统使用大小写混合密码无法登陆的情况 （用户名不区分大小写。自V2.2版后，密码重新开放大小写混合的复杂型密码） 修正： 优化请假模块在进行剔除工作时间的请假时间计算逻辑并修复一个因跨天签到设置导致计算不...
此版本适合个人用户，您可以免费下载使用。 新增功能:数据库：进一步数据库优化和改进，提高整体运行效率；...注意：区分大小写 此版本帮助系统地址：http://help.cpush.com/ 修正了网友提出的几个小bug.070524.
3.修复“文本_取出中间文本”参数 是否不区分大小写 得到相反结果的问题 4.修复“系统_取宽带线路”命令 感谢 secondkill 的提醒 5.增加"音量_""音乐_"开头的命令参数和备注 感谢 小爬虫 的提醒 6.删除 DLL...
' 改善 - 文本_取出中间文本 () 增加2个参数,起始搜寻位置和是否区分大小写 ' 改善 - 普通填表.链接_点击() -- 增加1个参数,名为"点击后在本窗口打开"，参数说明：可空。点击链接后,在本窗口内打开点击的链接地址 '...