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)  編輯  收藏 所屬分類: JSJsp

          主站蜘蛛池模板: 正宁县| 麻栗坡县| 教育| 德清县| 霞浦县| 墨脱县| 东丰县| 黄平县| 普兰县| 巴彦淖尔市| 调兵山市| 仲巴县| 秦安县| 玉田县| 沁水县| 稷山县| 新巴尔虎左旗| 渝中区| 安仁县| 和平县| 镇巴县| 武鸣县| 彭泽县| 和龙市| 剑河县| 淮南市| 秦皇岛市| 格尔木市| 会同县| 墨玉县| 始兴县| 亚东县| 卓资县| 会东县| 渭源县| 正宁县| 顺平县| 乌兰察布市| 南乐县| 上思县| 镇雄县|