js简单的验证码测试

来源：互联网发布：在线数据挖掘平台编辑：程序博客网时间：2024/06/06 09:23

直接上代码:

HTML:

<html>      <head>          <title>验证码基础</title>          <style type="text/css">              #code              {                  font-family:Arial;                  font-style:italic;                  font-weight:bold;                  border:0;                  letter-spacing:2px;                  color:blue;              }          </style>          <script type = "text/javascript" src = "yanzhen.js">          </script>      </head>      <body>          <div>              <input type = "text" id = "input"/>              <input type = "button" id="code" onclick="createCode()"/>              <input type = "button" value = "验证" onclick = "validate()"/>          </div>      </body>

JS:(yanzhen.js)

var code ;          window.onload = function createCode(){               code = "";                var codeLength = 4;//验证码的长度 (可以任选的哦)             var checkCode = document.getElementById("code");                var random = 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 index = Math.floor(Math.random()*36);//取得随机数的索引（0~35）                  code += random[index];//根据索引取得随机数加到code上              }              checkCode.value = code;//把code值赋给验证码          }          //校验验证码          function validate(){              var inputCode = document.getElementById("input").value.toUpperCase();                  if(inputCode.length <= 0) {                   alert("请输入验证码");             }                     else if(inputCode != code ) {                alert("验证码输入错误");                createCode();//刷新验证码                  document.getElementById("input").value = "";//清空文本框              }                     else { //输入正确时                  alert("输入正确");             }                     }

0 0