Captcha IMG/Numbers Kombination

Question

Ich versuche, ein Captcha in Javascript zu erstellen, aber ich stieß auf Probleme. Ich möchte, dass das CAPTCHA zufällig eines der erklärten Bilder anzeigt und dann die Benutzereingaben anhand des Textes auf den Bildern überprüft. Bisher habe ich den Code unten und es zeigt nichts.

<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

Durch die Art, wie ich es sehen Sie reCAPTCHA verwenden sollte, da man noch einen langen Weg, sich einen CAPTCHA-Validator gehen müssen vor dem Erstellen. Dies ist nicht nur eine Frage der Client-Seite, sondern auch der Server-Seite, die Sie bereits ignorieren.

Erhalte einen reCAPTCHA-Einbettungscode und verwende ihn in deinem HTML.