JavaScript 随机验证码的生成实例代码
更新时间:2016年09月22日 08:55:04 作者:菜鸟的飞翔梦
这篇文章主要介绍了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 随机生成验证码的资料整理,后续继续补充相关资料,谢谢大家对本站的支持!
相关文章
JavaScript设计模式之缓存代理模式原理与简单用法示例
这篇文章主要介绍了JavaScript设计模式之缓存代理模式原理与简单用法,结合实例形式简要分析了javascript缓存代理模式的基本原理、使用方法及相关操作注意事项,需要的朋友可以参考下2018-08-08
最新评论