<!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
【描述】提及的“非常实用好看”特效代码，意味着这个验证码设计不仅具有功能性，还考虑到了用户体验和视觉效果。它可以“完美运行”，表示代码经过了良好的测试，可以在各种环境下正常工作。此外，它还提到可以“二...
JavaScript验证码可以通过生成动态图像并添加一些混淆元素来实现这一目的。 创建JavaScript验证码的步骤如下： 1. **生成随机字符串**：首先，我们需要生成一个包含字母和数字的随机字符串，作为验证码的内容。...
总的来说，JavaScript滑块验证码插件提供了一种实用的安全验证手段，通过合理的代码实现和优化，可以在保障网站安全的同时，兼顾用户友好性。在实际应用中，开发者可以根据自身需求对插件进行定制，以满足不同场景下...
总的来说，JavaScript实现的验证码通用模块是一个实用的工具，它利用客户端的能力来增强Web应用的安全性和用户体验。理解和掌握这种技术对于Web开发者来说至关重要，因为它涉及到用户数据的验证、页面交互和安全防范...
总的来说，`js滑动图片验证码.zip`提供的解决方案是一个实用且可定制的验证码系统，它结合了JavaScript的强大功能和良好的用户体验设计。开发者可以根据实际需求进行调整，以适应各种网站和应用的安全需求。
"js美观验证码"这一标签则表明该压缩包可能还包含了一个美观的JavaScript验证码实现。验证码在网络安全中起到验证用户身份，防止自动机器人操作的作用。一个美观的JS验证码可能不仅有良好的视觉设计，还会结合一些...
在网页开发中，验证码是一种...总的来说，这个"实用的jQuery验证码插件"提供了便捷的方式来集成验证码功能到基于jQuery的网页项目中，通过合理的CSS样式和JavaScript逻辑，可以实现一个既安全又易于使用的验证码系统。
通过页面js实现的一款验证码验证，简介实用.....
本文档提供了一个实用的JavaScript验证码生成代码示例，它可以帮助理解验证码的实现原理，并在自己的网页中集成类似的功能。 验证码的核心功能包括生成随机字符串以及验证用户输入的验证码是否正确。以下是对该代码...
标题"5款实用的jQuery验证码插件.zip"表明了这个压缩包包含五种不同的jQuery验证码解决方案。这些插件设计的目标是提供多样化的验证方式，以满足不同网站和应用的安全需求。 1. **普通字母数字验证码**：这是最常见...
通过以上介绍，我们可以看到，使用JavaScript生成验证码并管理相关的Cookie是非常实用的功能。验证码能够有效地防止机器人的自动操作，保护网站的安全性。而Cookie则可以在用户访问不同页面时保持状态的一致性。这些...
`js`目录下的文件则是JavaScript代码，实现验证码的逻辑；而`css`目录则包含样式表，负责验证码的样式设计和布局。 在实际应用中，开发者可以根据项目需求选择合适的插件，并根据提供的文档进行配置和定制，确保与...
在IT领域，验证码...总之，创建彩色扭曲英文验证码是C#.NET编程中的一个实用技巧，涉及图像处理、随机数生成和网页交互等多个知识点。通过深入理解和实践，开发者可以更好地保护自己的应用程序免受自动化攻击。
首先，Vue.js是一个轻量级的前端JavaScript框架，它允许开发者构建可复用的组件，提高代码的组织性和可维护性。在登录页面上，我们可以创建一个Vue组件来处理验证码的显示、刷新和验证逻辑。Vue.js通过异步通信（如...
总的来说，利用JavaScript和CSS实现图片验证码是一种实用且灵活的方法，可以根据网站的需求定制验证机制，提高用户体验的同时保证了安全性。通过结合两者的优势，我们可以创建出既美观又有效的验证码系统。
在IT领域，JavaScript（简称JS）是一种广泛应用于网页和网络应用开发...对于初学者来说，这个压缩包提供了学习JavaScript实际应用的宝贵机会，而对于经验丰富的开发者来说，它可能是一个快速集成验证码功能的实用工具。
在移动互联网时代，网站和应用程序的安全...综上所述，"jQuery移动端手机获取验证码.zip"是一个结合了前端验证、后台接口调用、用户交互以及安全措施的实用功能，对于构建移动应用中的用户验证环节具有很高的参考价值。
倒计时功能在很多场景中非常实用，特别是在短信验证码的场景中，可以防止用户频繁请求验证码。 - 实现倒计时功能通常需要使用JavaScript的setInterval方法设置定时器。 - 在本实例中，通过定义一个timer函数，使用...