<!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>无标题页</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];
}
// alert(code);
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" /><br />
<input id="Button1" onclick="validate();" type="button" value="确定" />
</form>
</body>
</html>
分享到:
相关推荐
非常实用的验证码(浏览器端验证),基于JavaScript
通过页面js实现的一款验证码验证,简介实用.....
5款实用的jQuery验证码插件分享给大家,分别有普通字母数字验证码、运算验证码、滑动验证码、点选验证码,纯前端的网页验证码代码。
非常实用好看的特效代码,可以完美运行,可以二次修改!
实用美观的JS相册代码挺好的代码可以学习
有玩过动网的人应该知道它在注册和登录页中都有验证码这一项,这验证码...注意,只刷新验证码,页面其他部分没刷新哦!以前我专门针对这个研究了好久,查阅了资料,后来总结成一篇文章叫"script调用asp实现过程",有兴
jQuery验证码输入框代码,输入区分大小写,一个超级实用的无冗余的验证码插件。
jsp页面通过js向后台发送数据,而页面无变化,用于发送验证码,比较实用
jQuery手机端获取验证码页面特效是一款非常实用的手机端获取验证码表单提交代码。 关联手机号 享需求状态实时推送 <span class="left-ear"></span> ...
很实用的验证码代码,用正则表达式、javascript实现
该代码为前端使用canvas生成的图形验证码,虽然相对安全问题比较低级,但是对一些没有太大安全要求网站比较实用,可以缓解部分服务器压力。
js简洁实用的网页计算器代码是款非常简洁的网页计算器特效
命令行图片验证码识别工具
PHP作的简单验证码生成,代码简单实用,用于登录注册等地方,简单实用,方便,使用PHP和session,避免有些浏览器对JS验证码的不兼容
非常实用好看的特效代码,可以完美运行,可以二次修改!
主要介绍了JavaScript实现横线提示输入验证码随输入验证码输入消失的方法,非常实用,在微信开发中经常会用到,需要的朋友可以参考下
有兴趣刚需的可以自己下载,非常实用的代码,可以完美运行,有能力的还可以二次修改!
很实用的发送手机验证码倒计时源码,很简单的。
为什么XP SP2会默认不显示验证码呢?原来微软公司在XP SP2里面默认不显示XBM图形格式。 X-Bitmap(XBM)是一种古老但通用的图像文件格式,它与现在的许多Web浏览器都兼容。X-Windows图形界面(UNIX和Linux常用的GUI...