<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<div id="divCode" style="background-color:White; width:52px; height:16px; padding:5px; text-align:center; vertical-align:middle; letter-spacing:5px; border:solid 1px blue"><span></span><span ></span><span ></span><span ></span></div>
</div>
<input id="Button1" type="button" value="换一张" onclick="JavaScript:validteCode()"/>
</form>
</body>
</html>
<script language="JavaScript" type="text/JavaScript">
function validteCode()
{
var codes = new Array(4); //用于存储随机验证码
var colors = new Array("Red","Green","Gray","Blue","Maroon","Aqua","Fuchsia","Lime","Olive","Silver");
for(var i=0;i < codes.length;i++)
{//获取随机验证码
codes[i] = Math.floor(Math.random()*10);
}
var spans = document.getElementById("divCode").all;
for(var i=0;i<spans.length;i++)
{
spans[i].innerHTML=codes[i];
spans[i].style.color = colors[Math.floor(Math.random()*10)]; //随机设置验证码颜色
}
}
document.onload = validteCode();
</script>
这个是有javascript写的验证码
经过测试的!!
分享到:
相关推荐
自己用javascript写出来的验证码
用JavaScript 刷新验证码
利用javascript生成验证码,在jsp中可直接使用
JavaScript验证码的简单实现,有简单的随机数字,也有较复杂的图形验证码, 这种图形验证码很高效简洁,使用爬虫是有较大难度的爬取网站信息的。 而且这种图形验证码的应用场景非常广,可用在登录注册等等需要上传...
JavaScript生成验证码(一)! 值得下载看看!资源免费,大家分享!!
纯javascript验证码 ,自动生成验证码
JavaScript实现页面动态验证码
用JavaScript脚本验证身份证真实性的代码
用javascript做验证码 简单,方便,好用
简单验证码页面模板页面 JavaScript 实现简单的验证码
JavaScript生成验证码(二)! 值得下载看看!资源免费,大家分享!!
如何用canvas手写验证码,看看纯javascript如何打造验证码
纯javascript+html5验证码,不需服务器,直接运行 经测试通过IE/FF/Chrom/Opera/Safrari
主要介绍了基于JavaScript实现验证码功能的相关资料
javascript解决验证码“看不清,换一张”的问题.docx
js写的滑块验证码,下载解压后可以直接嵌入到项目中使用
本项目是基于Javascript开发的SliderCaptcha滑动验证码设计源码,主要使用JavaScript进行开发。项目共包含31个文件,其中JPG图片文件5个,Markdown文档文件4个,CSS样式文件4个,JavaScript源代码文件2个,MAP文件2...
文件主要有html构成,安全的实现了验证码的验证。