javascript实现登录验证码
2018-02-23 14:42
459 查看
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body onload="createCode();"> <input type="text" value="" id="checkNum" /> <a id="checkCode" onclick="createCode()"></a> <input type="button" class="btnCheck" id="gotoCheck" value="验证" onclick="validate();" /> <script> var code="" ; //在全局 定义验证码 function createCode(){ code = ""; var codeLength = 6;//验证码的长度 var checkCode = document.getElementById("checkCode"); checkCode.value = ""; var selectChar = new Array(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','J','K','L','M','N','P','Q','R','S','T','U','V','W','X','Y','Z'); for(var i=0;i<codeLength;i++) { var charIndex = Math.floor(Math.random()*35); code +=selectChar[charIndex]; } if(code.length != codeLength){ createCode(); } document.getElementById("checkCode").innerHTML = code; } function validate () { var inputCode = document.getElementById("checkNum").value.toUpperCase(); if(inputCode.length <=0) { alert("请输入验证码!"); return false; } else if(inputCode != code ){ alert("验证码输入错误!"); createCode(); return false; } else { alert("验证码通过!"); return true; } } </script> </body> </html>
相关文章推荐
- JavaScript实现验证码码登录验证
- JavaScript登录验证码的实现
- javascript实现登录验证码
- 用户登录系统及一次性验证码的简单实现
- 用Servlet中的HttpServlet实现登录验证码功能
- jsp连接mysql数据库,实现含验证码的用户登录
- ASP.NET中登录页验证码的实现
- [置顶] java实现登录验证码
- web登录:随机验证码的设计和实现
- 【JavaScript】网页登录程序之验证码篇
- 新浪微博登录,QQ登录网页javascript脚本实现RSA加密的原理
- js实现登录界面验证码生成及验证
- thinkphp 3.2 实现登录功能+验证码
- selenium使用ocr识别实现网页动态验证码登录
- javaScript实现动态取得不同的验证码
- ext2.0+jsp+struts 实现带有验证码的登录流程
- JAVA登录验证码的实现
- 【工具,组件类】登录,评论的验证码通过kaptcha的实现的方式
- 利用Zend_Form_Element_Captcha 实现登录验证的验证码功能
- 基于SSH框架下登录验证码模块的实现