Question

我正在尝试在Javascript中创建一个Captcha，但我遇到了问题。我希望CAPTCHA随机显示一个声明的图像，然后根据图像上的文本验证用户输入。到目前为止，我有下面的代码，它没有显示任何内容。

<script type="text/javascript"> 
    var "<img src="images/ci0.jpg" />" = 56777;
    var "<img src="images/ci1.jpg" />" = 67646;      
    var "<img src="images/ici2.jpg" />" = 77666;           
 var code = ci0, ci1, ci2;
 document.getElementById("txtCaptcha").value = code;
  document.getElementById("txtCaptchaDiv").innerHTML = code;
  </script>

HTML

  <div id="left">

         <label for="code">Enter code next  <span id="txtCaptchaDiv" style="color:#F00"></span><br />
<!-- this is where the script will place the generated code -->
          <input type="hidden" id="txtCaptcha" /></label>

          </div><!-- End Left -->
        <div id="righty">
        <span id="spryconfirm1">
        <label>
          <input type="text" name="checker" id="checker" />
        </label>
        <span class="confirmRequiredMsg">You must enter the Code.</span><span class="confirmInvalidMsg">The values don't match.</span></span>

        </div><!-- End righty -->  



       </div>

Answer 1

顺便说一句，我认为你应该使用reCAPTCHA，因为在自己创建CAPTCHA验证器之前还有很长的路要走。这不仅是客户端问题，也是服务器端问题，您已经忽略了。

获取reCAPTCHA嵌入代码并在HTML中使用它。

Captcha IMG /数字组合

1 个答案: