基于Html+Css+javascript的验证码生成
来源:互联网 发布:大小非农数据网站 编辑:程序博客网 时间:2024/05/14 11:50
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head> <title>无标题页</title> <style type="text/css"> .code { background:lightblue; font-family:Arial; font-style:italic; color:Red; border:0; padding:2px 3px; letter-spacing:3px; font-weight:bolder; } .unchanged { border:0; } </style> <script language="javascript" type="text/javascript"> var code ; //在全局 定义验证码 function createCode() { code = ""; var codeLength = 4;//验证码的长度 var checkCode = document.getElementById("checkCode"); var selectChar =new Array(0,1,2,3,4,5,6,7,8,9,'妈','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', 'A','B','C','D','E','F','G','操','I','J','K','L','M','N','O','你','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];} if(checkCode) { checkCode.className="code"; checkCode.value = code; } } function validate () { var inputCode = document.getElementById("input1").value; if(inputCode.length <=0) { alert("请输入验证码!"); } else if(inputCode != code ) { alert("验证码输入错误!"); createCode();//刷新验证码 } else { alert("^-^ OK"); } } </script></head><body> <input type="text" onclick="createCode()" id="input1" /> <input type="text" readonly id="checkCode" class="unchanged" style="width: 80px" /><br /> <input id="submit" onclick="validate();" type="button" value="确定" /> </body></html>
可以生成随机的验证码,并可以进行检验
0 0
- 基于Html+Css+javascript的验证码生成
- Html&Javascript生成验证码
- Bootstrap 基于HTML,CSS,JAVASCRIPT的简洁灵活的
- 基于html中canvas标签的验证码图片生成方法
- 基于html中canvas标签的验证码图片生成方法
- html验证码生成
- html验证码生成
- 基于Servlet网页验证码的生成
- 基于spring MVC 的验证码生成
- JavaScript生成验证码
- 2048 Web游戏 基于HTML+CSS+JavaScript
- C# +HTML 生成验证码
- HTML、CSS、Javascript的注释
- CSS、HTML、JavaScript的注释
- HTML、CSS、JavaScript的关系
- Html+css+javascript的浅析
- 基于python的验证码生成与识别1—生成简单的验证码
- 使用javascript生成验证码
- POJ 2109 :Power of Cryptography
- TI C6000系列DSP的片内总线架构、存储系统和外设
- 关于IO的一些问题
- 如何在android上 使用gif图片(android开源库android-gif-drawabl)
- shell 追加文件>>和重命名文件cp
- 基于Html+Css+javascript的验证码生成
- poj-2253
- jQuery.extend详解。
- Extjs中url传递中文乱码有关问题
- IOS App资源路径
- linux下C操作mysql数据库基本函数
- 【深入浅出JAVA类加载和JVM】深入浅出JAVA类加载和JVM
- 身份验证-正则表达式(JS)
- EMIPLIB库分析三 MIPWAVInput