时间:2021-05-26
本文实例为大家分享了JS实现4位随机验证码的具体代码,供大家参考,具体内容如下
通过随机数编写一个不分大小写且含数字的4位随机数。
CSS样式
p{ width: 60px; height: 20px; display: inline-block; letter-spacing: 3px; border: 1px solid red;}#div{ height: 20px; margin-bottom: 10px;}#btn,p:hover{ cursor: default;}button{ display: block;}主体部分
<div id="box">验证码 <input type="text" id="int" /> <p id="p"></p> <div id="div"></div> <button id="btn">提交</button></div>JS部分
//随机数function random(max,min){ return Math.round(Math.random()*(max-min)+min);}//随机4位验证码function code(){ //将数字、小写字母及大写字母输入 var str="1234567890qwertyuioplkjhgfdsazxcvbnmQWERTYUIOPLKJHGFDSAZXCVBNM"; //给一个空字符串 var res=''; //循环4次,得到4个字符 for(var i=0;i<4;i++){ //将得到的结果给字符串,调用随机函数,0最小数,62表示数字加字母的总数 res+=str[random(0,62)]; } p.innerHTML=res;}code(); //调用验证码函数p.onclick=code; //点击也可以刷新验证码//验证验证码btn.onclick=function(){ var int=document.getElementById("int").value;//获取用户输入的值 var p=document.getElementById("p").innerText;//获取验证码 //判断用户输入与验证码的大写一致(不分大小写) if(int.toUpperCase()==p.toUpperCase()){ div.innerHTML="验证码正确"; }else{ div.innerHTML="验证码错误"; }}实现结果
总结
Math.round():四舍五入
Math.random():随机数
toUpperCase():将字符串转为大写
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例为大家分享了js实现随机五位数验证码的具体代码,供大家参考,具体内容如下功能展示:点击按钮,随机生成数字+大小写字母验证码所有代码:随机生成验证码/*验
后台Java代码【验证码生成】/***随机生成6位随机验证码*/publicstaticStringcreateRandomVcode(){//验证码Strin
1、构造手机验证码:使用random对象生成要求的随机数作为验证码,例如4位验证码:1000~9999之间随机数;2、使用接口向短信平台发送手机号和验证码数据,
本文实例为大家分享了js实现点击按钮生成4位随机验证码的具体代码,供大家参考,具体内容如下效果图:代码:Documentdiv{width:100px;heig
给大家分享一款java生成验证码的源码,可设置随机字符串,去掉了几个容易混淆的字符,还可以设置验证码位数,比如4位,6位。当然也可以根据前台验证码的位置大小,设