hyljava

          用js獲得并且檢驗驗證碼

          <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 = "";
          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("OK");
             return true;
          }

          }
          </script>
          </head>
          <body onload="createCode();">
          <input type="text" id="input1" />
          <input type="text" id="checkCode" class="code" style="width: 55px" /> <a href="#" onclick="createCode()">看不清楚</a><br /><br />
          <center><input id="Button1" onclick="validate();" type="button" value="確定" /></center>
          <script></script>
          </body>
          </html>

           

          posted on 2012-05-22 08:12 何云隆 閱讀(1460) 評論(0)  編輯  收藏 所屬分類: JSJsp

          主站蜘蛛池模板: 怀宁县| 宁夏| 武乡县| 句容市| 图片| 深水埗区| 临夏县| 淮滨县| 敦化市| 临颍县| 和田市| 永春县| 合阳县| 双峰县| 望都县| 枣阳市| 攀枝花市| 安多县| 西丰县| 闸北区| 广丰县| 诸暨市| 衡水市| 汪清县| 叶城县| 延庆县| 崇左市| 博兴县| 项城市| 鄂托克旗| 旅游| 永新县| 岢岚县| 黄石市| 高碑店市| 崇仁县| 西畴县| 平定县| 鹿邑县| 美姑县| 正定县|