hyljava

          用js獲得并且檢驗(yàn)驗(yàn)證碼

          <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 ; //在全局 定義驗(yàn)證碼
          function createCode(){
          code = "";
          var codeLength = 4;//驗(yàn)證碼的長度
          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("請輸入驗(yàn)證碼!");
             return false;
          }
          else if(inputCode != code ){
             alert("驗(yàn)證碼輸入錯(cuò)誤!");
             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)  編輯  收藏 所屬分類: JS 、Jsp

          主站蜘蛛池模板: 阿拉尔市| 秀山| 五河县| 宝坻区| 澄江县| 通化县| 上犹县| 普陀区| 临潭县| 上蔡县| 昌都县| 石河子市| 黔江区| 巴楚县| 景谷| 平原县| 乐平市| 齐齐哈尔市| 治县。| 温州市| 保定市| 大余县| 屏东县| 达孜县| 顺昌县| 岫岩| 曲松县| 临江市| 林西县| 安顺市| 莱芜市| 安国市| 淄博市| 临潭县| 安吉县| 瑞金市| 宁津县| 屏山县| 舟曲县| 黑水县| 溆浦县|