在 HTML 和 Javascript 中创建验证码

在 HTML 和 Javascript 中创建验证码

嗨朋友们，在本教程中，您将学习如何创建 HTML 和 Javascript 中的验证码 .有多种方法可以生成验证码，例如 Google ReCaptcha 和其他验证码等。

还读了， ** Google Maps 使用 Maps Javascript API 和 HTML 添加标记**

HTML 和 Javascript 中验证码的逻辑

• 首先，我们将调用一个带有 javascript onclick 事件处理程序的函数到输入验证码字段，以生成 4 位随机验证码。验证码将在页面打开时自动加载。每次点击刷新按钮后都会生成一个验证码。
• 现在，我们将使用 HTML 表单的 javascript onsubmit 事件处理程序来验证验证码。假设如果用户在没有输入验证码的情况下点击提交按钮，那么提交事件处理程序中的函数将返回 false，即它阻止 HTML 表单提交，并且将向用户显示错误消息。
• 如果您输入了错误的验证码，您将收到一条错误消息，否则您将收到正确验证码的成功警报。

此外，您必须禁用验证码字段中的复制文本，以便无法复制验证码。为此，请在脚本标记内添加以下代码行。

//禁止右键点击网页
$("html").on("contextmenu",function(e){
返回假；
});
// 禁用网页上的剪切、复制和粘贴
$('html').bind('剪切复制粘贴', function (e) {
e.preventDefault();
});

笔记 :- 不要忘记包括 jQuery CDN 链接 在 head 标签内，否则您无法禁用复制文本功能。

HTML :-

HTML 和 Javascript 中的验证码

电子邮件：

密码：

验证码：

输入验证码：

提交

结论 :- 我希望本教程能帮助您理解验证码的概念。如果有任何疑问，请在下面发表评论。

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明

本文链接：https://www.qanswer.top/17496/31320600