验证码 JavaScript87

验证码 (CAPTCHA) 是一种防止恶意机器人滥用网站和服务的技术。验证码通常以扭曲的文本或图像形式呈现，人类可以轻松识别，但机器很难识别。在 JavaScript 中，可以通过使用以下步骤轻松创建和验证验证码：

创建验证码

要创建验证码，可以使用以下函数：```javascript
function createCaptcha() {
// 创建一个新的画布元素
var canvas = ("canvas");
// 获取画布上下文
var ctx = ("2d");
// 设置画布大小
= 100;
= 50;
// 随机生成验证码文本
var text = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
var captchaText = "";
for (var i = 0; i < 5; i++) {
captchaText += ((() * ));
}
// 设置字体和文本颜色
= "bold 30px Arial";
= "blue";
// 在画布上绘制验证码文本
(captchaText, 10, 30);
// 添加噪声和干扰线
for (var i = 0; i < 10; i++) {
();
(() * 100, () * 50);
(() * 100, () * 50);
= "red";
();
}
// 返回画布作为验证码
return canvas;
}
```

验证验证码

要验证验证码，可以使用以下函数：```javascript
function verifyCaptcha(input, captcha) {
// 获取输入的验证码文本
var inputText = ;
// 获取正确的验证码文本
var correctText = ;
// 比较输入的验证码与正确的验证码
return inputText === correctText;
}
```

使用验证码

要使用验证码，需要执行以下步骤：1. 在 HTML 中创建一个画布元素：
```html

```
2. 在 JavaScript 中创建和显示验证码：
```javascript
var captcha = ("captcha");
var captchaCanvas = createCaptcha();
(captchaCanvas);
```
3. 在 HTML 表单中添加输入字段，用于用户输入验证码：
```html

```
4. 在 JavaScript 中验证验证码：
```javascript
var captchaInput = ("input[name=captcha]");
("input", function() {
var isValid = verifyCaptcha(captchaInput, captchaCanvas);
// 根据 isValid 执行操作（例如，启用或禁用提交按钮）
});
```