Probleme mit neuem Google reCAPTCHA im IE, wenn Sie sich im modalen Modus oder im Dialogfeld befinden
reCAPTCHA funktioniert in Chrome perfekt.
In IE wird der Platzhalter jedoch nicht entfernt (nur wenn sich reCAPTCHA iframe in einem Dialogfeld oder einem Modal befindet).
Was auch immer der Benutzer schreibt, wird als Teil des Platzhalters betrachtet (glaube ich) und die Schaltfläche "Bestätigen" kann nicht angeklickt werden.
Das Bild erklärt dies:
Der gleiche Code funktioniert in allen Browsern einwandfrei, wenn ich das Recaptcha Div außerhalb des Modals nehme
<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>
</html>