Friday, May 17, 2024
 Popular · Latest · Hot · Upcoming
70
rated 0 times [  75] [ 5]  / answers: 1 / hits: 54412  / 8 Years ago, wed, february 24, 2016, 12:00:00

I have built a email newsletter signup form which posts into mailchimp from my website. I have Google reCAPTCHA added to the form and have a data-callback to enable the submit button as it is initially disabled. This was working fine in all browsers last night and did tests with success & signed off on it..and went home. I got in this morning and found the subscribe button will not enable / data-callback does not work? Strange..



Callback



<div class=g-recaptcha data-callback=recaptcha_callback data-sitekey=xxxxx></div>  


Input button at bottom of form



<input type=submit value=Subscribe name=subscribe id=mc-embedded-subscribe class=button disabled>


Scripts



<script src='https://www.google.com/recaptcha/api.js'></script>
<script src=//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js></script>
<script type=text/javascript>
$(document).ready(function() {
function recaptcha_callback(){
alert(callback working);
$('.button').prop(disabled, false);
}
)};
</script>

More From » jquery

 Answers
4

Change your script to...



<script type=text/javascript>
function recaptcha_callback(){
alert(callback working);
$('.button').prop(disabled, false);
}
</script>


By placing your function inside the document.ready event, it is not in the global scope and therefore unreachable by the captcha control.


[#63174] Tuesday, February 23, 2016, 8 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
leighamarleem

Total Points: 75
Total Questions: 121
Total Answers: 111

Location: Norway
Member since Mon, May 23, 2022
2 Years ago
;