验证码

最新推荐文章于 2025-09-12 14:04:02 发布

转载最新推荐文章于 2025-09-12 14:04:02 发布 · 154 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/chen1388/archive/2010/10/19/1855640.html

文章标签：

#xhtml #javascript #ViewUI

本文介绍了一个简单的XHTML页面中实现验证码生成的方法。通过JavaScript随机生成四位字符验证码，并显示在网页上。用户可以点击“看不清点我”刷新验证码。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Enter the title of your XHTML document here</title>
  <script type="text/javascript">
    function getCode()
                {
                 var code="";
  var codeLength = 4;//验证码的长度
  var checkCode = document.getElementById("code");
  checkCode.innerText = "";

  var selectChar = new Array(0,1,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];
               }

  checkCode.innerText = code;
}

  </script>
</head>
<body onload="getCode()">
  <p>Enter the body text of your XHTML document here</p>

                验证码：<span id="code" style="color: red"></span>   <span onclick="getCode()" style="cursor: hand">看不清点我</span>
</body>
</html>

转载于:https://www.cnblogs.com/chen1388/archive/2010/10/19/1855640.html