Captcha IMG/Numbers Combination

Question

JavascriptでCaptchaを作成しようとしていますが、問題が発生しました。私はCAPTCHAに、宣言された画像の1つをランダムに表示してから、ユーザーが画像のテキストに対して入力を検証するようにします。これまでのところ、私は以下のコードを持っていて何も表示していません。

<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> 

それでもCAPTCHAのバリデータを自分で作成する前には長い道のりを持っているので、あなたがreCAPTCHAを使用する必要があり、私はそれを参照してくださいところで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埋め込みコードを取得し、HTMLで使用します。