0

我正在使用 colorbox jquery 在弹出框中显示注册表单。

我使用以下脚本启动弹出窗口

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

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

</script>

在弹出窗口中，我使用 Recaptcha 调用了注册表单。我可以在弹出框中获取所有表单字段，但不能在 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"/>

没有recaptcha的弹出框

没有ajax的实际注册表单

没有ajax的实际注册表格

4

1 回答 1

0

弹出窗口中的 Recaptcha 可以通过以下代码完成 

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

谷歌关于这个问题的详细信息

结果在此处输入图像描述

于 2013-07-23T11:07:17.890 回答