老生常谈: JS实现随机验证码.很实用
2010-11-19 15:48
405 查看
输入验证码...主要是防止被人过多的注入注册
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实现随机数字字母验证码
- JS实现随机验证码功能
- JS 实现随机验证码功能
- 4位随机简单验证码的JS实现
- 原生JS实现获取随机验证码
- js 实现随机验证码
- JS 实现随机验证码功能
- 看不清楚,点击更换验证码(JS实现)
- bobojavascript、asp.net 实现随机生成验证码
- JS实现表单验证功能(验证手机号是否存在,验证码倒计时)
- js 按照指定间隔 向字符串中插入随机字符串的实现代码
- js实现手机验证码发送
- Servlet实现随机验证码
- python实例编写(4)--js,滚动条,cookie,验证码,获取特定属性的元素,实现原理
- 基于JS实现的随机数字抽签实例
- js实现发送验证码后的倒计时功能
- Java实现随机验证码功能实例
- session实现带随机验证码的登陆
- 用js实现随机返回数组的一个元素
- js抽奖实现随机抽奖代码效果