html验证码生成
2015-10-18 16:19
405 查看
<html> <head> <style type="text/css"> .code{ background-image:url(111.jpg); font-family:Arial,宋体; font-style:italic; color:green; 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 = new Array(); var codeLength = 4;//验证码的长度 var checkCode = document.getElementById("checkCode"); checkCode.value = ""; var selectChar = new Array(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()*32); code +=selectChar[charIndex]; } if(code.length != codeLength){ createCode(); } checkCode.value = code; } function validate () { var inputCode = document.getElementById("input1").value.toUpperCase(); if(inputCode.length <=0) { alert("请输入验证码!"); return false; } else if(inputCode != code ){ alert("验证码输入错误!"); createCode(); return false; } else { alert("成功!"); return true; } } </script> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head> <body onLoad="createCode();"> <input type="text" id="input1" /> <input type="button" id="checkCode" class="code" style="width:60px" onClick="createCode()" /> <a href="#" onClick="createCode()">看不清楚</a> <input id="Button1" onClick="validate();" type="button" value="确定" /> <script></script> </body> </html>
相关文章推荐
- failed to push some refs to 'git@code.csdn.net:fd214333890/html_form_update.git'
- HTML学习3:常用标签之文本标签
- 让ie6,7,8支持HTML5
- html判断当前页面是否在iframe中
- 二、如何在 HTML 文档中放置VBScript
- HTML学习2:初识HTML
- html多个水平并列组件自适应等高的做法
- Mvc Html.BeginForm 方式提交Form前验证
- HTML学习笔记之网页元素编辑
- html 文档模式 与 meta
- 过渡性html
- HTML与XHTML差额
- HTML 5最终确定,八年后,我们再谈谈如何改变世界
- htmlRange的使用
- HTML学习笔记之简单网页属性设置
- 获取html跟节点的font-size
- 有关页面编码的控制问题,乱码如何解决
- C#操作Word总结(三)——表格处理、把Word文档转化成为HTML
- Mvc--Html.ActionLink()用法
- html使用Frameset快速方便制作导航栏