<body onload="createCode()">
<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>
分享到:
相关推荐
利用javascript生成验证码,在jsp中可直接使用
用javascript实现页面验证码,这是一个很好的例子
js生成验证码.txtjs生成验证码.txtjs生成验证码.txt
NULL 博文链接:https://yuanyuan7891.iteye.com/blog/661774
JavaScript生成验证码(一)! 值得下载看看!资源免费,大家分享!!
随机生成验证码 支持点击刷新 验证正确性 JavaScript编写
小程序,js生成验证码,在js导入项目直接可调用,使用方法写到文件最下面了
JavaScript生成验证码(二)! 值得下载看看!资源免费,大家分享!!
js验证码生成
生成验证码的源代码。由servlet生成验证码和验证码图片。 能够产生验证码但是如何传输和验证呢,一般是传回服务器在action里做验证。 我还是喜欢js页面产生验证码,因为简单,...所以也附带了个js生成验证码的例子。
<script language="javascript" type="text/javascript"> var code ; //在全局 定义验证码 function createCode(){ code = new Array(); var codeLength = 4;//验证码的长度 var checkCode = document....
ClientSideCaptcha是一款前端jquery生成验证码插件。该验证码插件完全由js生成。通过该插件,可以不依赖于后台,在前端完成验证码的测试工作。
java后台根据随机数生成验证码,js调用,点击可以换验证码。测试效果:完全正常使用,Servlet能获取生成的验证码和用户输入的验证码。
众所周知,js是客户端的,那么把验证都做在客户端有意义吗?还是必须从服务器生成的验证码安全啊?前端生成的验证码安全吗?x下面我们来看个例子
js生成四位验证码并验证,一个可行的demo,记得给好评哦。
一个用于生成验证码的JS库
主要介绍了JavaScript生成验证码并实现验证功能的相关资料,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友可以参考下