jquery submit()函数不能与不可见的reCAPTCHA一起工作



我尝试使用jquery函数submit()在表单提交时发出警报,但没有发生任何事情。但是,如果我删除了谷歌不可见的reCAPTCHA代码,提交功能的工作原理。有没有一种方法来获得功能的工作,而不删除谷歌不可见的reCAPTCHA?

<html>
<head>
<title>reCAPTCHA demo: Simple page</title>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<script>
function onSubmit(token) {
document.getElementById("demo-form").submit();
}
</script>
</head>
<body>
<form id="demo-form" action="?" method="POST">
<button
class="g-recaptcha"
data-sitekey="your_site_key"
data-callback="onSubmit"
>
Submit
</button>
<br />
</form>
<script>
$(document).ready(function () {
$("#demo-form").submit(function () {
alert("test");
});
});
</script>
</body>
</html>

谢谢!

我使用了type="submit">

<html>
<head>
<title>reCAPTCHA demo: Simple page</title>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
</head>
<body>
<form onSubmit="alert('test') ">
<input type="submit" />
<div class="g-recaptcha" data-sitekey="your_site_key"></div>
</form>
</body>
</html>

最新更新