<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Validator</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>
</head>
<body onload="createCode()">
<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>
</body>
</html>
分享到：
相关推荐
页面JS生成验证码是一种常见的网页安全措施，用于防止恶意自动化脚本或机器人进行非法操作，如批量注册、恶意登录等。这种技术通常结合图像处理和JavaScript动态生成，使得每个用户看到的验证码都是独一无二的，需要...
利用javascript生成验证码,在jsp中可直接使用
### JS生成验证码知识点详解 #### 一、代码结构与功能概述 本文档介绍了一个使用JavaScript实现的简单网页验证码生成及验证方法。通过该方法，可以在网页上动态生成一个由数字和字母组成的验证码，并且能够对用户...
### JavaScript生成验证码知识点详解 #### 一、背景与概述 在Web开发中，验证码是一种常见的安全机制，用于区分用户是人还是自动化程序。通过让用户输入随机产生的字符串或完成某些特定任务来验证用户身份，可以...
用javascript实现页面验证码，这是一个很好的例子
JavaScript生成验证码(一)! 值得下载看看!资源免费,大家分享!!
以上就是使用JavaScript生成随机验证码的完整流程，包括随机数生成、验证码刷新以及验证功能。在实际开发中，还需要考虑到用户体验和安全性，例如设置合理的验证码复杂度、限制刷新频率，以及防止XSS和CSRF攻击。
小程序，js生成验证码，在js导入项目直接可调用，使用方法写到文件最下面了
- 使用JavaScript生成随机字符串。 - 如果使用Canvas，使用`canvas.getContext('2d')`获取2D渲染上下文，然后绘制字符串，应用扭曲、旋转等效果。 - 将验证码显示在页面上，同时将生成的字符串保存在服务器端或...
JavaScript生成验证码(二)! 值得下载看看!资源免费,大家分享!!
生成四位验证码的核心在于使用JavaScript生成随机数，并将这些随机数拼接成一个字符串。此功能主要由`createCode()`函数完成。 **具体步骤：** - 定义一个数组`random`，包含0到9的所有数字。 - 使用`for`循环生成...
JavaScript生成验证码并实现验证功能是Web开发中常见的一种安全措施，用于防止自动化脚本或机器人进行非法操作。本文将深入探讨这一技术，并提供一个简单的示例代码。 首先，验证码（CAPTCHA）的主要目的是验证用户...
1. **服务器端生成验证码**：服务器上需要有一个生成验证码的逻辑，这通常涉及到随机生成一组中文字符或数字，然后将其存储到服务器会话（session）或者Cookie中，以供后续验证使用。 2. **Ajax请求**：当用户触发...
生成验证码的源代码。由servlet生成验证码和验证码图片。 能够产生验证码但是如何传输和验证呢，一般是传回服务器在action里做验证。 我还是喜欢js页面产生验证码，因为简单，...所以也附带了个js生成验证码的例子。
本项目提供了生成验证码的功能，并且在Java后台处理了验证码的验证过程，确保用户输入的验证码与系统生成的一致。下面将详细解释相关知识点。 1. **验证码生成**： - **随机数生成**：验证码通常由一系列随机数字...
JavaScript验证码通常包含两个主要部分：生成验证码图像的后端代码和验证用户输入的前端代码。后端生成随机的字符串或数字，并将其转化为图像，然后发送到客户端。前端则负责显示图像并接收用户输入的验证码，随后...
<script language="javascript" type="text/javascript"> var code ; //在全局 定义验证码 function createCode(){ code = new Array(); var codeLength = 4;//验证码的长度 var checkCode = document....
众所周知，js是客户端的，那么把验证都做在客户端有意义吗？还是必须从服务器生成的验证码安全啊？前端生成的验证码安全吗？x下面我们来看个例子