<div style="margin-top: 30px; margin-bottom: 15px; display: inline-block;" id="g-recaptcha-re" data-callback="getRecaptcha" class="g-recaptcha" data-sitekey="6LdiWR0bAAAAACxtwsnAhdhbb_m-zOowwH8TLEE3" data-theme="light" data-size="normal"></div> <input type="hidden" value="" name="g-recaptcha-response" id="order-recaptcha-response" /> <script> if (document.readyState === 'complete') { // Load static reCaptcha var new_recaptcha = grecaptcha.render('g-recaptcha-re'); check_recaptcha_REG(new_recaptcha); } else { // Vanilla document ready document.addEventListener('DOMContentLoaded', function() { // Load static reCaptcha check_recaptcha_REG(false); }); } // Utility functions function check_recaptcha_REG(new_recaptcha) { // Create structure variables var submit_button = findCM([ '#authentication #customer-form .form-footer .btn-primary', '#authentication #account-creation_form #submitAccount' ]); var error_header = findCM([ '#authentication .register-form', '#center_column > .page-heading', '#center_column .page-subheading', '#center_column #noSlide > h1', '#center_column .page_heading', '#center_column #account-creation_form', '#center_column #customer-form' ]); var captcha_invisible_form = findCM([ '#authentication #customer-form', '#authentication #account-creation_form' ]); // Add our captcha depending to reCaptcha version if (re_version == 1) { // reCaptcha Version 2 var clicked_first = true; $(submit_button).on('click', function() { if (clicked_first == true) { if ($(submit_button).prop('type') == 'submit') { $(submit_button).prop('type', 'button'); } } if (clicked_first == true) { if ((new_recaptcha ? grecaptcha.getResponse(new_recaptcha) : grecaptcha.getResponse())) { $(submit_button).prop('type', 'submit'); clicked_first = false; $(submit_button).click(); } else { $('.alert, .error').remove(); if (p_version == '1.7') { $('<div class="alert alert-danger error"><p>Il y a 1 erreur</p><ol><li>Captcha faux.</ol></div>').hide().insertBefore(error_header).fadeIn(600); } else { $('<div class="alert alert-danger error"><p>Il y a 1 erreur</p><ol><li>Captcha faux.</ol></div>').hide().insertAfter(error_header).fadeIn(600); } } } }); } else if (re_version == 2) { // reCaptcha Invisible regREG(captcha_invisible_form, error_header); $(captcha_invisible_form).submit(function(event) { if (! (new_recaptcha ? grecaptcha.getResponse(new_recaptcha) : grecaptcha.getResponse())) { event.preventDefault(); (new_recaptcha ? grecaptcha.execute(new_recaptcha) : grecaptcha.execute()); } }); } } function onreCSubmitREG(token) { if (token) { $('#order-recaptcha-response').remove(); $($('#re_register_captcha_invisible_form').attr('data-parameter')).submit(); } } function findCM(str) { var temp = false; $.each(str, function(key, value) { if ($(value).length) { temp = value; return false; } }); if (temp) { return temp; } else { return false; } } function regREG(captcha_invisible_form, error_header) { $('body').append("<div id='re_register_error_header' data-parameter='" + error_header + "'></div>"); $('body').append("<div id='re_register_captcha_invisible_form' data-parameter='" + captcha_invisible_form + "'></div>"); } function getRecaptcha() { $('#order-recaptcha-response').val(grecaptcha.getResponse()); } </script>