js验证码,兼容IE内河、火狐

发布时间:2016-12-6 13:56:04 编辑:www.fx114.net 分享查询网我要评论
本篇文章主要介绍了"js验证码,兼容IE内河、火狐",主要涉及到js验证码,兼容IE内河、火狐方面的内容,对于js验证码,兼容IE内河、火狐感兴趣的同学可以参考一下。

<PRE class=js name="code"><!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-image:url(code.jpg);             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 = 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("请输入验证码!");        }        else if(inputCode != code )        {           alert("验证码输入错误!");           createCode();//刷新验证码           return false;        }        else        {          alert("^-^ OK");        }                }             </script> </head> <body onload="createCode()"> <form  action="#">     &nbsp;<input  type="text"   id="input1" />     <input type="text" onclick="createCode()" readonly="readonly" id="checkCode" class="unchanged" style="width: 80px"  /><br />     <input id="Button1"  onclick="validate();" type="button" value="确定" />&nbsp; </form> </body> </html></PRE> &nbsp;

上一篇:计算机视觉、机器学习相关领域论文和源代码大集合
下一篇:从业IT两年多来的一点感受

相关文章

相关评论