0

ポップアップボックスのショー登録フォームにカラーボックスjqueryを使用しています。

私は次のスクリプトを使用してポップアップを開始しました

<script type="text/javascript" language="javascript">

       $(".ajax").colorbox({width:"30%"});

</script>

ポップアップで、Recaptcha で登録フォームを呼び出しました。popupbox のすべてのフォーム フィールドを取得できますが、recaptcha は取得できません。

recptchaコードを取得するのは、noscriptを使用したajax形式のrecaptchaの場所です 

    <iframe src="http://www.google.com/recaptcha/api/noscript?k=6LdxveQSAAAAADjToPLUgHY6IRxJgreFWwwOF47H" 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"/>

再キャプチャなしのポップアップ ボックス

ajaxなしの実際の登録フォーム

ajaxなしの実際の登録フォーム

4

1 に答える 1

0

ポップアップでの再キャプチャは、次のコードで実行できます 

<head>

<!-- ... your HTML  content ... -->

  <script type="text/javascript" src="http://www.google.com/recaptcha/api/js/recaptcha_ajax.js"></script>

  <!-- Wrapping the Recaptcha create method in a javascript function -->
  <script type="text/javascript">
     function showRecaptcha(element) {
       Recaptcha.create("your_public_key", element, {
         theme: "red",
         callback: Recaptcha.focus_response_field});
     }
  </script>

  <!-- ... more of your HTML  content ... -->

</head>

<body>

  <!-- ... your HTML <body> content ... -->

  <div id="recaptcha_div"></div>

  <input type="button" value="Show reCAPTCHA" onclick="showRecaptcha('recaptcha_div');"></input>

 <!-- ... more of your HTML  content ... -->

<body>

この問題に関する Google の詳細情報

結果ここに画像の説明を入力

于 2013-07-23T11:07:17.890 に答える