用JavaScript生成验证码
来源:互联网 发布:淘宝网延时喷剂 编辑:程序博客网 时间:2024/05/20 20:01
验证码的生成与验证
js部分代码
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,'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]; } if(checkCode) { checkCode.className="code"; checkCode.value = code; } } function validate() { var inputCode = document.getElementById("input1").value.toUpperCase(); //取得输入的验证码并转化为大写 if(inputCode.length <=0) { alert("请输入验证码!"); } else if(inputCode != code ) { alert("验证码输入错误!"); createCode();//刷新验证码 } else { alert("正确!"); } }
css部分代码
.code{}{ font-family:Arial; font-style:italic; border:0; padding:2px 3px; letter-spacing:3px; font-weight:bolder; } .unchanged{}{ border:0; }#yanzhengma{ position: absolute; border: 1px red solid;}
H5部分代码
<div id="yanzhengma"> <form action="#"> 请输入验证码: <input type="text" id="input1" /> <input type="text" readonly="readonly" id="checkCode" class="unchanged" style="width: 70px" /> <input id="Button1" onclick="createCode();" type="button" value="点击生成验证码" /> <input id="Buttom2" onclick="validate();" type="button" value="确认" /> </form></div>
1 0
- 用JavaScript生成验证码
- JavaScript生成验证码
- 用JavaScript生成随机验证码
- 使用javascript生成验证码
- JavaScript实现生成验证码
- Html&Javascript生成验证码
- Javascript生成验证码并验证
- javascript随机生成验证码并检验
- 这学期刚学的用javascript实现随机生成验证码过程(非图片验证码)
- 基于Html+Css+javascript的验证码生成
- 用servlet生成验证码
- 用ASP生成验证码
- 用PHP生成验证码
- 用python生成验证码
- 用java生成验证码
- 用ASP动态生成JavaScript的表单验证代码
- 用ASP动态生成JavaScript的表单验证代码
- 用ASP动态生成JavaScript的表单验证代码
- C++篇----开篇(1)
- java基础_day0022_java关键字_this_super_构造器_子类对象实例化
- nswoj G
- Hadoop2.X中Mapreduce,YARN等配置,启动和常见错误解决办法
- for循环,定时器,闭包混合一块的那点事。
- 用JavaScript生成验证码
- js 获取复选框被选中的值 jquery
- Linux中的文件权限
- JSP动作元素
- C和C++的区别 02.函数检测
- C/S架构笔记
- java this,static,package等关键字与相关练习
- 能吸引HR的简历“长这样!”
- excel 控件