在使用reCaptcha时,我遇到了一个问题.在代码中,使用AJAX提交表单.在提交之前,我需要检查字段是否已填写.如果字段未填写,则不应提交.
在这种情况下,如果未填写文本字段,则会发出警报.
问题是在拒绝无效帖子后,提交按钮停止工作2到3分钟,并且reCaptcha没有给出错误.经过一段时间后,reCaptcha再次开始工作并提交按钮.
<form id="contact-form" method="post" action="javascript:void(0)">
<input type="text" placeholder="Name" id="name">
<input type="text" placeholder="E-Mail" id="email">
<textarea placeholder="Message" id="message">/textarea>
<button class="g-recaptcha pull-right" data-sitekey="#your-site-key" data-callback="sendData" type="submit"> SEND <i class="flaticon-origami34"></i> </button>
</form>
Run Code Online (Sandbox Code Playgroud)
Javascripts:
function sendData(){
console.log('send data - '); // --> works
//send datas:
$("#contact-form").submit();
};
$('#contact-form').on("submit", function() {
console.log('clicked submit'); // --> works
name = $('#name').val().replace(/<|>/g, ""), // prevent xss
email = $('#email').val().replace(/<|>/g, ""),
msg = $('#message').val().replace(/<|>/g, "");
if (name == '' || email == '' || msg == '') {
alert("Please …Run Code Online (Sandbox Code Playgroud)