JavaScript 随机验证码的生成实例代码
2016-09-22 08:55
946 查看
随机验证码的生成
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 随机生成验证码的资料整理,后续继续补充相关资料,谢谢大家对本站的支持!
您可能感兴趣的文章:
相关文章推荐
- java随机动态生成汉字验证码图片的实例代码分享
- java随机动态生成汉字验证码图片的实例代码分享
- Python 随机生成中文验证码的实例代码
- Python 随机生成中文验证码的实例代码
- java随机验证码生成实现实例代码
- 【代码实现】PHP生成各种随机验证码
- 生成随机字符串和验证码的类的PHP实例
- pillow实例 | 生成随机验证码
- 用JavaScript生成随机验证码
- JavaScript根据数据生成百分比图和柱状图的实例代码
- javaweb之response随机生成图片验证码加载到web页面中(本实例使用了禁止浏览器缓存头),并且单击使用javascript换图片
- PHP随机生成广告图片的实例 代码
- 【代码实现】PHP生成各种随机验证码
- javascript 验证码生成代码 推荐学习
- 用JavaScript生成随机验证码
- 一段简单的javascript生成随机密码代码
- javascript 验证码生成代码 推荐学习
- 这学期刚学的用javascript实现随机生成验证码过程(非图片验证码)
- JavaScript 验证码的实例代码(附效果图)
- javascript生成随机颜色示例代码