Я занимаюсь разработкой одностраничного веб-сайта, размещенного на клиентском сервере, поэтому я дважды добавил 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>