JSFiddle - React, Tailwind, and code Playground

by Joe Cisneros

HTML

<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&amp;render=explicit"></script>
    <form action="?" method="POST">
      <div id="html_element"></div>
      <br>
      <input type="submit" value="Submit">
    </form>

JavaScript

var onloadCallback = function() {
	grecaptcha.render('html_element', {
    'sitekey' : '6LeFZxITAAAAAKt6qHypxwPLcvY78lA0IF4uXyvj'
  });
};
onloadCallback();

$('form').on('submit', function(e) {
  if(grecaptcha.getResponse() == "") {
    e.preventDefault();
    alert("You can't proceed!");
  } else {
    alert("Thank you");
  }
});