Почему Google recaptcha не работает, если добавить проверку Google Reaptcha, если я использую дважды на одной странице - PullRequest
0 голосов
/ 06 февраля 2019

Я занимаюсь разработкой одностраничного веб-сайта, размещенного на клиентском сервере, поэтому я дважды добавил Google reCaptcha на одну страницу в заголовке, а другой - в нижний колонтитул.Он работает правильно только перед добавлением сценария проверки.

Теперь форма запроса заголовка проверяется правильно, но проблема заключается в нижнем колонтитуле после нажатия кнопки «Отправить», страница не перенаправляется на страницу благодарности.Я добавил тот же сценарий для заголовка, но при некоторых конфликтах я пытался найти решения, размещенные на этом портале.Пожалуйста, кто-нибудь, помогите мне

Пожалуйста, перейдите по ссылке: floretmedia

<script>
function footer_noempty() {	
  if(footer_form.f_contact_number.value == ""){
    alert("Please enter the contact number");
    footer_form.f_contact_number.focus();
    return false;
  }
 if((footer_form.f_contact_number.value).length< 10){
   alert("contact number should be minium 10");
    footer_form.f_contact_number.focus();
    return false;
  } 
  var response = grecaptcha.getResponse();//Validation for google recaptcha
    console.log(response.length);
    alert("first its loaded");
     if(response.length == 0){
     document.getElementById('g-recaptcha-error-footer').innerHTML = '<span style="color:red">This field is required.</span>';
     return false;
  }
return true;   
}

function quick_noempty() {
  if(enquiry_form.contact_number.value == ""){
    alert("Please enter the contact number");
    enquiry_form.contact_number.focus();
    return false;
  }
 if((enquiry_form.contact_number.value).length< 10){
   alert("contact number should be minium 10");
    enquiry_form.contact_number.focus();
    return false;
  }
   var response = grecaptcha.getResponse();//Validation for google recaptcha
    console.log(response.length);
     if(response.length == 0){
     document.getElementById('g-recaptcha-error-header').innerHTML = '<span style="color:red">This field is required.</span>';
     return false;
  }

return true;
   
}

<script type="text/javascript">
function verifyCaptcha(){
	console.log('verified');  
   document.getElementById('g-recaptcha-error-header').innerHTML= "";
}
function verifyCaptchafooter(){
	console.log('verified');
	  alert("second its loaded");
	 document.getElementById('g-recaptcha-error-footer').innerHTML= "";
}
</script>
<div class="form-wrap">
		<h4 class="main-title">REQUEST FOR A CALL BACK</h4>
		<form method="post" name="enquiry_form" action="thanks.html"  onSubmit="return quick_noempty();">

			<div class="form-group">
				<input name="full_name" type="text" placeholder="Name" required>
			</div>
			<div class="form-group">
				<input name="contact_number" id="q_number" class="contact_num" type="text" placeholder="Phone Number" maxlength="14">
			</div>
			<div class="form-group">
				<input name="email_address" type="email" placeholder="Email" required>
			</div>
			<div class="form-group">
				<textarea name="description" name="text" placeholder="Description"></textarea>
			</div>
			<div class="captcha mb-3">
				 <div id="google-captcha" class="g-recaptcha" data-sitekey="6Ld7p44UAAAAAKLcetSGNCfeLZIO8tYqM5iGczF1" data-callback="verifyCaptcha"></div>
				 <div id="g-recaptcha-error-header"></div>
			</div>
            <input type="hidden" name="form1">
			<input type="submit" value="Submit">

		</form>		
    
    
    
    form method="post"  name="footer_form" action="thanks.html" onSubmit="return footer_noempty();">
				<div class="form-group">
						<input name="f_full_name" type="text" placeholder="Name" required>
					</div>
					<div class="form-inline">
						<div class="form-group">
							<input name="f_contact_number" id="f_number" class="contact_num" type="text" placeholder="Phone Number"  maxlength="14">
						</div>
						<div class="form-group">
							<input name="f_email_address" type="email" placeholder="Email" required>
						</div>
					</div>
					<div class="form-group">
						<textarea name="f_description" placeholder="Description"></textarea>
					</div>
					<div class="captcha mb-3">
				       <div id="google-captcha" class="g-recaptcha" data-sitekey="6Ld7p44UAAAAAKLcetSGNCfeLZIO8tYqM5iGczF1" data-callback="verifyCaptchafooter"></div>
				       <!-- <div id="g-recaptcha-error-footer"></div> -->
			       </div>
					<input type="hidden" name="form2">
					<input type="submit" value="Submit">

			</form>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...