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

          主站蜘蛛池模板: 沙田区| 闽清县| 比如县| 饶河县| 馆陶县| 会东县| 永春县| 从化市| 锡林浩特市| 鹤庆县| 诸暨市| 德化县| 沭阳县| 华安县| 拉萨市| 荣成市| 开鲁县| 栾城县| 宁武县| 青铜峡市| 龙陵县| 宁强县| 左贡县| 常熟市| 巴彦淖尔市| 新丰县| 屏边| 惠来县| 馆陶县| 浦江县| 喜德县| 天津市| 许昌市| 谢通门县| 宜章县| 千阳县| 蒙自县| 文水县| 石景山区| 皋兰县| 礼泉县|