JavaScript 验证码示例

在本教程中，您将获得 JavaScript 验证码示例。

Captcha 用于确定填写和提交 Web 表单的用户是否为人类。在开发 Web 项目时，我们经常需要添加验证码功能。

所以在这里我分享了在 JavaScript 中创建验证码的最简单方法。它看起来如下图所示。

注意：不要在实时 Web 项目中使用此方法，因为此实现已被攻击者读取并且他/她可以对其进行操作。一切都应该在服务器端处理。您可以在学校或大学项目中使用这种验证码生成方法。

JavaScript 验证码示例

下面的代码在 JavaScript 中生成一个 4 位数的验证码。

<html>
<head><title>JavaScript Captcha Example</title></head>
<body onload="generateCaptcha()"><script>
var captcha;function generateCaptcha() {var a = Math.floor((Math.random() * 10));var b = Math.floor((Math.random() * 10));var c = Math.floor((Math.random() * 10));var d = Math.floor((Math.random() * 10));captcha=a.toString()+b.toString()+c.toString()+d.toString();document.getElementById("captcha").value = captcha;
}function check(){
var input=document.getElementById("inputText").value;if(input==captcha){
alert("Equal");
}
else{
alert("Not Equal");
}
}
</script><input type="text" id="captcha" disabled/><br/><br/>
<input type="text" id="inputText"/><br/><br/>
<button onclick="generateCaptcha()">Refresh</button>
<button onclick="check()">Submit</button></body>
</html>

解释

在上面的脚本中，generateCaptcha() 函数用于在页面加载时生成验证码。这是由body标签中的onload属性完成的。在 generateCaptcha() 中，我们使用 Math.floor((Math.random() * 10))来生成 1（包含）和 10（不包含）之间的随机数。这样我们就生成了四个随机数，然后将它们连接起来形成一个字符串。所述的toString（）方法被用于数字转换为字符串。现在我们将此字符串设置为验证码文本框的值。

当提交按钮被点击的检查（）函数被调用的是检查是否与验证码原来还是不输入验证码匹配。如果它们匹配，则显示“相等”警报，否则显示“不相等”警报。

该刷新按钮用于重新生成验证码。

JavaScript 验证码示例相关推荐

JavaScript验证码示例
In this tutorial you will get JavaScript captcha example. 在本教程中,您将获得JavaScript验证码示例. Captcha is used ...
2022年10月15号之JavaScript验证码
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一.验证码页面二.验证码逻辑 1.引入库总结前言 javaScript验证码一.生成验证码 <div&g ...
python验证码生成_Python 生成验证码示例
对python这个高级语言感兴趣的小伙伴,下面一起跟随编程之家 jb51.cc的小编两巴掌来看看吧! 在web开发中经常用到验证码,为了防止机器人注册或者恶意登陆和查询等,作用不容小觑但是验证码其实 ...
JavaScript定时器示例
JavaScript定时器示例在前端,我们有很多功能需要用到定时器(Timing).譬如轮询,譬如定时关闭弹框,譬如实现秒表,譬如一段时间后跳转页面等等.因此,我们需要掌握定时器的用法. windo ...
微信小程序获取手机号 JavaScript解密示例代码详解
刚开始开发微信小程序的时候,想着实现手机验证码登入,后来查阅资料得知,发给用户的短信是要自己付费的.后来想想,微信获取用户的手机号一样可以保证手机号码的真实性,因为手机号既然可以绑定微信,那么肯定是被 ...
ASP.NET 2.0 HttpHandler实现生成图片验证码(示例代码下载)
学习整理了一下 (一).功能用HttpHandler实现图片验证码 (二).代码如下 1. 处理程序文件 ValidateImageHandler.ashx代码如下 1 <%@ WebHan ...
springboot使用TemplateEngine修改邮箱后发送验证码示例
文章目录实体类 controller: 前端页面(Vue) 生成校验验证码service: ftl模板: 真正发送邮箱的EmailConfigService 实体类验证码pojo @Data @A ...
Tabulator 交互式数据表格 javascript 库示例
在本JavaScript 教程中,我们将看到如何使用tabulator js.在这个tabulator js 示例或tabulator js 教程中,我们将看到如何使用 tabulator js 立 ...
Javascript验证码绘制下载
1. 网页标签为图片格式 1.1 先观察以下网页启信宝, 此网页有多种验证方式随机变化, 这里只考虑下面的情况的验证码: 1.2 这里使用js创建画布, 并根据页面验证码标签信息进行原样绘制, 具体方 ...

JavaScript 验证码示例

JavaScript 验证码示例

JavaScript 验证码示例相关推荐

最新文章

热门文章