Breaking News: Grepper is joining You.com. Read the official announcement!

form validation before recaptcha

Knucklehead McSpazatron answered on February 7, 2023 Popularity 3/10 Helpfulness 9/10

answer form validation before recaptcha

form validation before recaptcha

Comment

<script src="https://www.google.com/recaptcha/api.js" async defer></script>

<form id="myForm">
    Name: (required) <input id="field" name="field" required>
    <div id='recaptcha' class="g-recaptcha"
         data-sitekey="your_site_key"
         data-callback="onCompleted"
         data-size="invisible"></div>
    <button id='submit'>submit</button>
</form>
<script>
    $('#myForm').submit(function(event) {
        console.log('validation completed.');

        event.preventDefault(); //prevent form submit before captcha is completed
        grecaptcha.execute();
    });

    onCompleted = function() {
        console.log('captcha completed.');
    }
</script>

Source: https://stackoverflow.com/questions/44021400/how-to-run-recaptcha-only-if-html5-validation-has-passed

Popularity 3/10 Helpfulness 9/10 Language whatever

Source: stackoverflow.com

Tags: recaptcha validation whatever

Link to this answer
Share Copy Link