recaptcha 부트 스트랩 3 빈 페이지를 표시하십시오.

부트 스트랩 3 로그인 페이지로 작업하고 recaptcha도 함께 추가하십시오. 지금로드하기 전에 내 페이지를 완료 나는로드 recaptcha에 대한 하단에 빈 페이지를 참조하십시오.recaptcha 부트 스트랩 3 빈 페이지를 표시하십시오.

reCAPTCHA를 :

<script type="text/javascript"> 
         var RecaptchaOptions = { 
          theme: 'custom', 
          custom_theme_widget: 'recaptcha_widget' 
         }; 
        </script> 
        <div id="recaptcha_widget" style="display:none"> 
         <div class="control-group"> 
          <label class="control-label">reCAPTCHA</label> 
          <div class="controls"> <a id="recaptcha_image" href="#" class="thumbnail"></a> 

           <div class="recaptcha_only_if_incorrect_sol" style="color:red">Incorrect please try again</div> 
          </div> 
         </div> 
         <div class="control-group"> 
          <label class="recaptcha_only_if_image control-label">Enter the words above:</label> 
          <label class="recaptcha_only_if_audio control-label">Enter the numbers you hear:</label> 
          <div class="controls"> 
           <div class="input-append"> 
            <input type="text" id="recaptcha_response_field" name="recaptcha_response_field" class="input-recaptcha" /> <a class="btn" href="javascript:Recaptcha.reload()"><i class="icon-refresh"></i></a> 
<a class="btn recaptcha_only_if_image" href="javascript:Recaptcha.switch_type('audio')"><i title="Get an audio CAPTCHA" class="icon-headphones"></i></a> 
<a class="btn recaptcha_only_if_audio" href="javascript:Recaptcha.switch_type('image')"><i title="Get an image CAPTCHA" class="icon-picture"></i></a> 
<a class="btn" href="javascript:Recaptcha.showhelp()"><i class="icon-question-sign"></i></a> 

           </div> 
          </div> 
         </div> 
        </div> 
        <script type="text/javascript" src="<?php echo $recaptcha_url; ?>"> 

        </script> 
        <noscript> 
         <iframe src="<?php echo $recaptcha_noscript_url; ?>" height="300" width="500" frameborder="0"></iframe> 
         <br> 
         <textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea> 
         <input type="hidden" name="recaptcha_response_field" value="manual_challenge"> 
        </noscript> 
     </form> 
     <script type="text/javascript" src="https://www.google.com/recaptcha/api/challenge?k=6LcrK9cSAAAAALEcjG9gTRPbeA0yAVsKd8sBpFpR"></script> 
     <noscript> 
      <iframe src="<?php echo $recaptcha_noscript_url; ?>" height="300" width="500" frameborder="0"></iframe> 
      <br> 
      <textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea> 
      <input type="hidden" name="recaptcha_response_field" value="manual_challenge"> 
     </noscript>

방법이 문제를 해결합니까?

DEMO (실행을 클릭하고 문제를 참조) Fiddle

그림 : 당신이 취득하고 RECAPTCHA API Key를 추가하지 않을 경우

enter image description here

출처

2014-10-08 Pink Code

https://i.imgur.com/R2C3EJQ.png. 어떤 종류의 차단 애드온을 사용하고 있습니까? –

내가 다시로드 순간에 바닥 부분이 비어 있다고 생각하고 그가 원하는 방식이 아님 – jrenk

로드 도중 아무런 공백이 보이지 않는다. –

이 일어날 수 있습니다.

출처

2014-10-16 00:15:10

recaptcha 부트 스트랩 3 빈 페이지를 표시하십시오.

답변

관련 문제