原生JS实现获取随机验证码
来源:互联网 发布:安居客网络门店管理 编辑:程序博客网 时间:2024/05/23 00:04
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<button id="btn">获取验证码</button>
<span id="code"></span>
<script type="text/javascript">
var btn = document.getElementById("btn");
var code = document.getElementById("code");
btn.onclick = function () {
console.log("aaa");
code.innerHTML = randomCode();
}
//把随机出来的数转成 字符
//产生一个数字字母组合的验证码4
function randomCode(){
var sum=0;//记录出现合格条件的数字的次数
var str = "";
while(1){
//在死循环里面 随机产生数字
// a-z A-Z --》判断ascll码
// 97-122 65-90
// 0-9 出现0-9 满足条件
//
//随机出 0 - 122 就能产生符合条件的结果
//0-122
var num = Math.round(Math.random()*122);
if(num>=0&&num<=9){
//数字0-9 可以当做验证码中的一个数
sum++;
str+=num;
}else if(num>=97&&num<=122){
//可以当做验证码中的一个数
sum++;
str+=String.fromCharCode(num);
}else if(num>=65&&num<=90){
//可以当做验证码中的一个数
sum++;
str+=String.fromCharCode(num);
}else{
//说明不符合验证码的规则
}
if(sum == 4){
break;
}
}
return str;
}
</script>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<button id="btn">获取验证码</button>
<span id="code"></span>
<script type="text/javascript">
var btn = document.getElementById("btn");
var code = document.getElementById("code");
btn.onclick = function () {
console.log("aaa");
code.innerHTML = randomCode();
}
//把随机出来的数转成 字符
//产生一个数字字母组合的验证码4
function randomCode(){
var sum=0;//记录出现合格条件的数字的次数
var str = "";
while(1){
//在死循环里面 随机产生数字
// a-z A-Z --》判断ascll码
// 97-122 65-90
// 0-9 出现0-9 满足条件
//
//随机出 0 - 122 就能产生符合条件的结果
//0-122
var num = Math.round(Math.random()*122);
if(num>=0&&num<=9){
//数字0-9 可以当做验证码中的一个数
sum++;
str+=num;
}else if(num>=97&&num<=122){
//可以当做验证码中的一个数
sum++;
str+=String.fromCharCode(num);
}else if(num>=65&&num<=90){
//可以当做验证码中的一个数
sum++;
str+=String.fromCharCode(num);
}else{
//说明不符合验证码的规则
}
if(sum == 4){
break;
}
}
return str;
}
</script>
</body>
</html>
0 0
- 原生JS实现获取随机验证码
- 原生JS实现随机生成指定位数的验证码并校验
- js 实现随机验证码
- JS实现随机验证码功能
- JS 生成随机色,产生验证码,获取URL中的"?"
- 原生CountDownTimer 类实现获取验证码的按钮
- 利用原生Js方法实现发送验证码倒计时
- 获取随机验证码代码
- JS生成随机验证码
- js获取验证码倒计时如何实现
- 原生js实现获取form表单数据
- 原生js实现表单验证(提交后验证)
- Servlet实现随机验证码
- 动手实现随机验证码
- 如何实现随机验证码
- 随机图片验证码实现
- Ext随机验证码实现
- 随机验证码实现案例
- 洛谷3384 树链剖分
- leetcode_119. Pascal's Triangle II 打印杨辉三角的第k行,只使用O(k)个空间
- Unity初级——2D切图;C#控制换帧动画
- Retrofit2.0的使用总结
- 前端那些年----Webstream快捷键备忘(mac)
- 原生JS实现获取随机验证码
- python 元组
- JAVA之servlet
- 欢迎使用CSDN-markdown编辑器
- Linux环境下安装RocketMQ(MetaQ)
- hrbust 1663 水果【状压dp】【原创1000篇纪念!!!】
- RxJava学习之基本使用
- 汇编语言之寄存器(CPU工作原理)
- centos 7 epel源 安装jq