JavaScript 随机验证码的生成实例代码
网络编程 2021-07-04 20:00www.168986.cn编程入门
这篇文章主要介绍了JavaScript 随机验证码的生成实例代码的相关资料,需要的朋友可以参考下
随机验证码的生成
1 主体部分
<script> var code ; //在全局 定义验证码 function createCode() { code = ""; var codeLength = 6;//验证码的长度 var checkCode = document.getElementById("checkCode"); var selectChar = 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 charIndex = Math.floor(Math.random()36); code +=selectChar[charIndex]; } // alert(code); if(checkCode) //这里不是很懂,有高手可以解释下 { checkCode.className="code"; checkCode.value = code; } } function validate () { var inputCode = document.getElementById("input1").value; if(inputCode.length <=0) { alert("请输入验证码!"); document.getElementById("input1").focus(); } else if(inputCode != code ) { alert("验证码输入错误!"); createCode();//刷新验证码 inputCode = ""; document.getElementById("input1").focus(); }else{ document.frmRegister.submit(); } } <script>
接下来时如何放入到验证框里面了
<input type="text" id="checkCode" class="unchanged" style="width: 80px" readonly/>
接着就是判断了
<input type="text" onclick="createCode()" id="input1" />
OK....搞定...这里的onclik是只要动了就移开
以上就是JS 随机生成验证码的资料整理,后续继续补充相关资料,谢谢大家对本站的支持!
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程