提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档

文章目录

  • 前言
  • 一、验证码页面
  • 二、验证码逻辑
    • 1.引入库
  • 总结

前言

javaScript验证码


一、生成验证码

<div><div><span id="checkCode">adf34y</span><a id="linkbt">看不清换一张</a></div><div><label>验证码:</label><input type="text" id="inputCode"><span id="text_show"></span></div><input type="button" id="Button1" value="确定">
</div>

二、使用步骤

1.引入库

代码如下:

window.onload = function() {let res =getCode();function getCode() {let arr = ['0','1','2','3','4','5','6','7','8','9','a','b','c','d','e','f'];let str = '';for(let i = 0;i<6;i++) {let num = Math.round(Math.random()*(15-0)+0);str += arr[num];}return str;}document.getElementById('checkCode').innerText = res;document.getElementById('linkbt').onclick = function(){// 点击事件document.getElementById('checkCode').innerText = getCode();}// 提交进行对比document.getElementById('Button1').onclick = function(){let code = document.getElementById('checkCode').innerText;let inputCode = document.getElementById('inputCode').value;if (code != inputCode) {alert('您输入的验证码不正确');document.getElementById('inputCode').value = ''return false;}}}

总结

这是个简单的js验证码功能,生成验证码逻辑:6位数,0-9;a-f;随机生成

2022年10月15号之JavaScript验证码相关推荐

  1. 2010年秋 江苏计算机二级,2011年秋江苏省计算机二级考试参考答案公布(10月15号考试)...

    2011年秋季江苏省高校计算机等级考试二级Visual FoxPro参考答案(10月15号考试) 一.选择题 (1)B  (2)B (3)B  (4)A  (5)D  (6)B(7)A  (8)B ( ...

  2. 【2022年华为杯数学建模E题赛后总结加思路详细介绍配代码----10月11号写的总结】

    提示:下文将介绍2022年华为杯数学建模E题赛后总结加思路详细介绍配代码 傻逼队友,傻逼队友,傻逼队友一定要看好人在进行组队,这是劝告. 这里有几点总结进行描述: 第一,图一定要尽量多,对图的解释要多 ...

  3. 2022年10月30日马丁·加德纳聚会线上活动重磅来袭!

    早点关注我,精彩不错过! 随着秋风的日益清冷,一年一度的马丁·加德纳聚会悄然而至,这红叶纷飞的十月,恰是数学爱好者们期盼的欢聚时刻. 聚会时间:2022年10月30号全天 形式:腾讯线上会议. 地点: ...

  4. 【历史上的今天】10 月 15 日:FORTRAN 语言正式问世;支付宝诞生第一笔交易;Tcl 语言发明者出生

    整理 | 王启隆 透过「历史上的今天」,从过去看未来,从现在亦可以改变未来. 今天是 2022 年 10 月 15 日,在 14 年前的今天,中国网通与中国联通正式合并,缓解此前联通将北方县以下营业厅 ...

  5. 英雄联盟服务器维护10月15,lol10月15号维护到什么时候 英雄联盟维护延长公告

    英雄联盟作为一款非常受欢迎的MOBA游戏,我们在游戏中能够看到很多精彩的玩法和内容,游戏中最近迎来了全新的版本更新,但是很多玩家都发现了维护好长时间还没有好,那么lol10月15号维护到什么时候呢?小 ...

  6. 飞控学习常见典型问题集QA——无名创新(2022年4月15日)

    飞控学习常见典型问题集Q&A--无名创新(2022年4月15日) 1.第一次启动FS I6遥控器,进入不了界面一直嘟嘟,请问这是什么情况呢? 先把上面的英文翻译一下,警告:请把所有的开关切换到 ...

  7. 互联网晚报 | 10月15日 星期五 | 抖音否认进入外卖行业;孩子王创业板成功上市;领英中国宣布关闭内容发布与互动功能...

    今日看点 ✦ 母婴龙头孩子王正式登陆创业板,上市首日涨超300% ✦ 抖音否认进入外卖行业:相关招商.代理信息不实 ✦ 金山办公推出WPS定制平台,10亿流量扶持超2000家商户 ✦ 领英中国宣布关闭 ...

  8. 2022年10月各大学网络教育统考大学英语B考试复习题库及辅导

    自2022年起,网络教育统考将不再由网考办统一组织全国统考,网络统考已由各高校自行组织:2022年10月部分高校已发布了统考通知,截止目前,已发布10月统考的院校有:2022年10月东北师范大学网络教 ...

  9. 这些环保相关的标准和规范自2022年10月起实施

    从2022年10月1日开始,又有新一批环保法律法规,环境规范和标准正式实施. 一. 全国文件及标准 1.<危险废物管理计划和管理台账制定技术导则> 为贯彻<中华人民共和国环境保护法& ...

最新文章

  1. 行走在台北·之二·九份(转载)
  2. C/Cpp / extern 关键字
  3. 确保河道环境_开展河道整治 改善生态环境
  4. Mimics 21.0 安装
  5. 好看实用的六个html登录页面
  6. mysql字段有中文、英文、数字的混合排序
  7. 解密 RubyEncoder
  8. Beyond Homophily in Graph Neural Networks: Current Limitations and Effective Designs 论文理解
  9. 设计模式简单RPG游戏设计
  10. vue中获取并操作dom元素
  11. Cortex-M3处理器系统框图
  12. 使用iso安装linux系统安装教程,使用光盘iso实现Linux操作系统的自动安装部署
  13. 计算机专业女生节祝福语,2017年女生节祝福语大全 3.7女生节祝福语微信短信推荐...
  14. 数据结构之中缀表达式计算
  15. FlexKaraok(卡拉OK软件)发布
  16. MATLAB“内部矩阵维度必须一致”(及要注意数组的乘法运算是要带点)
  17. C# Word Excel Could not load file or assembly ‘office, Version=15
  18. 好文分享水深不语人稳不言
  19. OpenGL ES着色语言-光照效果之散射光
  20. 华为OD机试题,用 Java 解【机器人走迷宫】问题

热门文章

  1. Nginx 负载均衡 - fair
  2. 内网穿透渗透小白初级基础(二)之sock5 代理
  3. 陈玉龙:永怀少年心 不改凌云志
  4. L2-026 小字辈 (25 分)(深搜详解)
  5. java后台设置cookie到浏览器,总是差八小时的问题解决
  6. 丰田“背叛”了燃油车?
  7. Alcohol.120%.v1.9.8.7530.Retail.Incl.Activation.Keymaker-BetaMaster
  8. PB 图片选择验证码
  9. 苹果的小型开发者计划现在允许账号间转让app
  10. java中成员产量不能new,在Java中,下列( )语句不能通过编译。