小编Mut*_*uni的帖子

在内部模态或对话框中,IE中新的Google reCAPTCHA存在问题

reCAPTCHA在Chrome中运行良好.

但是,(在IE中,只有当reCAPTCHA iframe位于对话框或模态内时)占位符才会消失.

无论用户写什么都被认为是占位符的一部分(我认为),并且不会点击"验证"按钮.

图片说明了这一点:

当我在模态之外使用recaptcha div时,相同的代码在所有浏览器中都能很好地工作

<html lang="en">
<head>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>
    <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
    <script type="text/javascript">
    var onloadCallback = function() {
        grecaptcha.render('html_element', {
          'sitekey' : '6Lc7PAATAAAAAE7JwcA7tNEDIrczjCCUvi3GiK4L'
      });
    };
    </script>
</head>
<body>
    <div class="container">
        <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
          Launch modal
      </button>
      <!-- Modal -->
      <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
          <div class="modal-dialog">
            <div class="modal-content">
                <form action="?" method="POST">
                  <div id="html_element"></div>
                  <br>
                  <input type="submit" value="Submit">
              </form>
          </div>
      </div>
  </div>
</div>
</body> …

Run Code Online (Sandbox Code Playgroud)

javascript internet-explorer modal-dialog recaptcha twitter-bootstrap

Mut*_*uni

2015 01-18

11
推荐指数

2
解决办法

7526
查看次数