实现4位数 数字字母混合验证码(数字+大写字母+小写字母)

ASCII 字符集中得到3个范围:

  1. 48-57 表示数字0-9

  2. 65-90 表示大写字母

  3. 97-122 表示小写字母

  1. 范围随机数:
  2. parseInt(Math.random()*); //此时Math.random意为“大于等于0,小于4”,取整后为0~3
  3. // 如何把最小值变成1呢? +1就变成了1
  4. parseInt(Math.random()*)+; // +1后范围变成了“大于等于1,小于5”,parseInt取整后范围是1~4
  5.  
  6. // 如果想获取50-100的范围随机数 min ~ max
  7. min + parseInt(Math.random()*(max - min + )); //+1后Math.random取值为 大于等于0,小于51
  8. // min + 0 ~ 50 = 50~100

具体实现如下:

  1. <script>
  2. // 获取随机数的范围
  3. function getRandomInt (min , max){
  4. return min + parseInt(Math.random() * (max - min + 1))
  5. }
  6. // 获取验证码
  7. function getStringValidate(){
  8. var res = "";
  9. var min , max;
  10. // 循坏代码进行拼接
  11. for(var i = 0; i < 4; i++){
  12. // 选择范围 1,2,3
  13. // 决定 范围的开头和结尾
  14. switch(getRandomInt(1 , 3)){
  15. // 1是数字
  16. case 1 :
  17. min = 48; max = 57;
  18. break;
  19. // 2是大写字母
  20. case 2 :
  21. min = 65; max = 90;
  22. break;
  23. // 3是小写字母
  24. case 3 :
  25. min = 97; max = 122;
  26. break;
  27. }
  28. // console.log(min , max);//随机范围
  29. var randomInt = getRandomInt(min , max);
  30. // var randomString = String.fromCharCode(randomInt);
  31. // console.log(randomString);//一个随机字符 经过上面的4次循环,生成4个随机数
  32. // 拼接起来
  33. res += String.fromCharCode(randomInt);
  34. }
  35. // console.log(randomString);//经过上面的4次循环,生成4个随机数
  36. console.log(res);
  37. return res;
  38. }
  39. getStringValidate();
  40. </script>

javascript原生 实现数字字母混合验证码的更多相关文章

  1. C# 生成四位数字字母混合验证码

    private static void Rand() { var arr = new List<string>(); ; i < ; i++) { arr.Add(i.ToStrin ...

  2. 用js做数字字母混合的随机四位验证码

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  3. 随机发送n位数字+字母的验证码

    ''' 随机发送n位数字+字母的验证码 ''' import random def get_verified(length): code = '' for i in range(length): nu ...

  4. C#导入Excel遇到数字字母混合列数据丢失解决

    错误重现: ----------------------------------------------------------------------- 在导入Excel读取数据时,其中的一个字段保 ...

  5. 【Teradata SQL】从中文数字字母混合字符串中只提取数字regexp_substr

    目标:从中文数字字母的字符串中只提取数字 sel regexp_substr('mint choc中文11国1','\d+')

  6. php随机生成指定长度的字符串 可以固定数字 字母 混合

    php 生成随机字符串 可以指定是纯数字 还是纯字母 或者混合的. 可以指定长度的. function rand_zifu($what,$number){ $string=''; for($i = 1 ...

  7. Java随机生成定长纯数字或数字字母混合数

    (转)Java随机生成定长纯数字或数字字母混合数 运行效果图: 具体实现代码

  8. 务必收藏备用:.net core中通过Json或直接获取图形验证码(数字验证码、字母验证码、混合验证码),有源代码全实战demo(开源代码.net core3.0)

    很多人写的博客大家看了会一知半解,不知道怎么用,应该引用什么类库或者代码不全,这样很多小白很是头疼,尤其是尝新技术更是如此.我们这边不止告诉你步骤,而且还提供开源demo.随着时间的推移,我们的dem ...

  9. PHP实现字母数字混合验证码

    一款简单的PHP实现字母数字混合验证码,支持自定义验证码.验证码图片.宽度.高度.个数.背景图片等 验证码调用地址:Application\Home\Controller\CodeController ...

随机推荐

  1. 基于Ubuntu+Python+Tensorflow+Jupyter notebook搭建深度学习环境

    基于Ubuntu+Python+Tensorflow+Jupyter notebook搭建深度学习环境 前言一.环境准备环境介绍软件下载VMware下安装UbuntuUbuntu下Anaconda的安 ...

  2. Notepad++远程连接Linux

    为方便编辑Linux上的文件,我们可以用Notepad++的NppFTP插件 工具:Notepad++.CentOS 1.通过ifconfig命令找到主机ip 2.打开Notepad++插件NppFT ...

  3. [BlueZ] 3、使用 meshctl 连接控制一个 sig mesh 灯

    目录 前言 1.准备工作 2.meshctl 连接.配置.控制 sig mesh 灯 3.最终效果: LINKS 前言 本文介绍如何使用 meshctl 配对.连接.控制一个 sig mesh 球泡灯 ...

  4. HashMap底层源码剖析

    HashMap底层源码剖析 一.HashMap底层用到的数据结构 数组+单向链表+红黑树 数组:数组每一项都是一个链表,其实就是数组和链表的结合体 单向链表:当法神hash碰撞时,首先会找到数组对应位 ...

  5. js函数的三种成创建方式以及它们各自的不同

    js有三种创建函数的方式: 1.function语句(也叫函数声明) function sum(a, b) { return a + b; } sum(1, 2); // 3 2. 函数直接量,又叫函 ...

  6. 提示消息无缝向上滚动(vue)

    <div class="order-tips__message-item" :class="getClass(index)" v-for="(o ...

  7. 原生Canvas循环滚动弹幕(现金红包活动带头像弹幕)

    效果 gif有些糊,可以 在线预览 实现关键点 requestAnimationFrame 循环帧: 绘制单条弹幕,画框子 -> 画头像 -> 写黑色的字 -> 写红色的字, mea ...

  8. postman集合测试执行

    postman工具可以运用集合管理接口请求,特别适合某业务流程的集合请求管理. 如果单个请求诸葛send,耗时费力,可以直接以集合运行 一,运行方法: 1,选中集合--点击右侧小箭头--显示页面中点击 ...

  9. Error: java.net.ConnectException: Call From tuge1/192.168.40.100 to tuge2:8032 failed on connection exception

    先看解决方案,再看唠嗑,唠嗑可以忽略. 解决方案: 使用start yarn.sh启动yarn就可以了. 唠嗑: 今天学习Spark基于Yarn部署.然后总以为Yarn是让Spark启动的,提交程序的 ...

  10. [Dynamic Programming]动态规划之背包问题

    动态规划之背包问题 例题 现有4样物品n = ['a', 'b', 'c', 'd'],重量分别为w = [2, 4, 5, 3],价值分别为v = [5, 4, 6, 2].背包最大承重c = 9. ...