js实现随机数字字母验证码

2024-10-12 02:04:18

本文实例为大家分享了数字字母验证码的具体实现代码，供大家参考，具体内容如下

验证码：

<html>
  <head>
    <title>纯字验证码</title>
    <meta http-equiv='content-type' content='text/html;charset=utf-8'/>
    <script type='text/javascript' src='jquery-1.7.2.js'></script>
    <script type='text/javascript'>
    var code ; //在全局定义验证码  

    function createCode(){
       code = "";
       var codeLength = 4;//验证码的长度
       var checkCode = document.getElementById("code");
       var random = new Array(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R',
       'S','T','U','V','W','X','Y','Z');//随机数
       for(var i = 0; i < codeLength; i++) {//循环操作
        var index = Math.floor(Math.random()*36);//取得随机数的索引（0~35）
        code += random[index];//根据索引取得随机数加到code上
      }
      checkCode.value = code;//把code值赋给验证码
    }
    //校验验证码
    function validate(){
      var inputCode = document.getElementById("input").value.toUpperCase(); //取得输入的验证码并转化为大写
      if(inputCode.length <= 0) { //若输入的验证码长度为0
        alert("请输入验证码！"); //则弹出请输入验证码
      }else if(inputCode != code ) { //若输入的验证码与产生的验证码不一致时
        alert("验证码输入错误！@_@"); //则弹出验证码输入错误
        createCode();//刷新验证码
        document.getElementById("input").value = "";//清空文本框
      }else { //输入正确时
        alert("合格！^-^");
      }
    }
    </script>
    <style type='text/css'>
    #code{
      font-family:Arial,宋体;
      font-style:italic;
      color:green;
      border:0;
      padding:2px 3px;
      letter-spacing:3px;
      font-weight:bolder;
    }
    </style>
  </head>
  <body onload='createCode()'>
    <div>验证码：
      <input type = "text" id = "input"/>
      <input type="button" id="code" onclick="createCode()" style="width:60px" title='点击更换验证码' />
      <input type = "button" value = "验证" onclick = "validate()"/>
    </div>
  </body>
</html>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

JS简单随机数生成方法

本文实例讲述了JS简单随机数生成方法.分享给大家供大家参考,具体如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>随机数</title> </head> <body> <script type="text/javascript"> function Randnum(value){ v
JS简单生成两个数字之间随机数的方法

本文实例讲述了JS简单生成两个数字之间随机数的方法.分享给大家供大家参考,具体如下: 运行效果截图如下: 完整代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xh
JavaScript简单生成 N~M 之间随机数的方法

本文实例讲述了JavaScript简单生成 N~M 之间随机数的方法.分享给大家供大家参考,具体如下: getRandom.js: /** * Created with JetBrains PhpStorm. * User: lee * To change this template use File | Settings | File Templates. */ //获取一个随机数,在max,min之间 //max 需大于 min //如果输入 10,则产生 0~9 的数 //如果输入 10,
JS简单生成随机数(随机密码)的方法

本文实例讲述了JS简单生成随机数(随机密码)的方法.分享给大家供大家参考,具体如下: 1. Math.random()生成一个0~1的随机数 0<=Math.random()<1 2. Math.random()*100 则生成一个0~100之间的随机数 3. Math.random()*100 + 100 则生成一个100~200之间的随机数 4. 所以Math.random()*m 则生成一个0~m的随机数实例代码如下: <!DOCTYPE html PUBLIC "-/
javascript获取指定区间范围随机数的方法

如下所示: //获取指定区间范围随机数,包括lowerValue和upperValue function randomFrom(lowerValue,upperValue) { return Math.floor(Math.random() * (upperValue - lowerValue + 1) + lowerValue); } //如获取2-6之间的随机数 alert(randomFrom(2,6)); //如获取1-10之间的随机数 alert(randomFrom(1,10));
javascript 产生随机数的几种方法总结

javascript 产生随机数的几种方法总结 1.取两个数之间的随机数 function GetRandomNum(Min,Max){ var Range = Max - Min; var Rand = Math.random(); return(Min + Math.round(Rand * Range)); } 2.混合法 function generateMixed(n) { var res = ""; for(var i = 0; i < n ; i ++) { var
js生成随机数(指定范围)的实例代码

1.随机生成4位数的随机数 <script language="javascript"> /** * 随机生成4位的随机数 * http://www.yulu.jb51.net */ document.write(parseInt(10*Math.random())); //输出0-10之间的随机整数 document.write(Math.floor(Math.random()*10+1)); //输出1-10之间的随机整数 function RndNum(n){ var
JS产生随机数的用法小结

代码如下所述: <script> function GetRandomNum(Min,Max) { var Range = Max - Min; var Rand = Math.random(); return(Min + Math.round(Rand * Range)); } var num = GetRandomNum(1,10); alert(num); </script> var chars = ['0','1','2','3','4','5','6','7','8','
js实现随机数字字母验证码

本文实例为大家分享了数字字母验证码的具体实现代码,供大家参考,具体内容如下验证码: <html> <head> <title>纯字验证码</title> <meta http-equiv='content-type' content='text/html;charset=utf-8'/> <script type='text/javascript' src='jquery-1.7.2.js'></script> <
js实现随机8位验证码

开发思路: 1.画出放置验证码的模块.一个写有"看不清-"的小块,以及输入验证码的文本框 2.获取各个模块 3.封装一个函数Yan_ma(),设置验证码为8位,里面含有数字,小写字母,小写字母和中文.每种类型出现的可能性为25%. 4.随机数字在0-9,之间.对Math.ramand()向下取整. 5.随机大小写字母使用fromCharCode() 方法:将 Unicode 编码转为一个字符,例如: var n = String.fromCharCode(65); cosole.log
js中判断数字\字母\中文的正则表达式 (实例)

/* 判断指定的内容是否为空,若为空则弹出警告框 */ function isEmpty(theValue, strMsg){ if(theValue==""){ alert(strMsg+"不能为空!"); return true; } return false; } /* 中文判断函数,允许生僻字用英文"*"代替返回true表示是符合条件,返回false表示不符合 */ function isChinese(str){ var badCh
js正则表达式匹配数字字母下划线等

1.一个正则表达式,只含有汉字.数字.字母.下划线不能以下划线开头和结尾: ^(?!_)(?!.*?_$)[a-zA-Z0-9_\u4e00-\u9fa5]+$ 其中: ^ 与字符串开始的地方匹配 (?!_) 不能以_开头 (?!.*?_$) 不能以_结尾 [a-zA-Z0-9_\u4e00-\u9fa5]+ 至少一个汉字.数字.字母.下划线 $ 与字符串结束的地方匹配放在程序里前面加@,否则需要\\进行转义 @"^(?!_)(?!.*?_$)[a-zA-Z0-9_\u4e00-\u9fa5]
javascript实现数字+字母验证码的简单实例

实例如下: 复制代码代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv=
MySQL 生成随机数字、字符串、日期、验证码及 UUID的方法

上一篇介绍了如何在 Oracle 生成随机数字.字符串.日期.验证码以及 UUID,今天我们继续讨论在 MySQL 中生成各种随机数据的方法.
Oracle生成随机数字、字符串、日期、验证码及 UUID的方法

在日常生活中,随机数对于我们而言并不陌生,例如手机短信验证码就是一个随机的数字字符串:对于统计分析.机器学习等领域而言,通常也需要生成大量的随机数据用于测试.数据抽样.算法验证等.那么今天我们就来谈谈如何在 Oracle 数据库中生成随机数据.
JS 实现发送短信验证码的“59秒后重新发送验证短信”功能

倒计时--从10倒数到0,点击按钮会还原倒计时 <body>  <input type="text" value="10" id="txt"> <input type="button" value="重新开始" id="btn"> </body> <script&
原生js实现数字字母混合验证码的简单实例

本文实例讲述了原生js实现数字字母混合验证码的全部代码,重点是注释很详细,便于大家理解,特分享给大家供大家参考.具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE html> <html> <head> <meta charset="gb2312"> <title></title> <style type="text/css"> body, div { margin:
js随机生成字母数字组合的字符串随机动画数字

js随机动画生成一组随机数字在线预览点击下载效果描述: 附件中只有一个index.html文件有效其中包含css以及html两部分内容纯js生成的几个随机数字每次都不重复,点击按钮后再次切换使用方法: 1.将css样式引入到你的网页中 2.将body中的代码部分拷贝到你需要的地方即可 JS生成随机的由字母数字组合的字符串前言最近有个需求,是需要生成3-32位长度的字母数字组合的随机字符串,另一个是生成43位随机字符串. 方法一奇妙的写法 Math.random().toStr

js实现随机数字字母验证码

相关推荐

随机推荐