CINXE.COM
email Captcha
<!DOCTYPE html> <html lang="en"> <head> <title>email Captcha</title> <script src="https://www.google.com/recaptcha/api.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> </head> <style> .n-message-body { text-align: center; } .g-form-captcha { margin: 0 auto; width: 304px; } </style> <body> <div> <div class="n-message-body"> <div class="n-message-summary">Validation Required</div> <div class="n-message-detail">Please help us validate that you are indeed human by solving the provided captcha and clicking Go </div> </div> </div> <div class="g-form-captcha"> <form method="POST"> <div class="g-recaptcha" data-sitekey="6Lc6_aMUAAAAADTM-ep3nUcnSHu_R5SVaX-PkQvE" data-callback="enableBtn" data-expired-callback="disableBtn"></div> <input type="submit" value="Go" id="button1" disabled="true"> </form> </div> <script> var enableBtn = function () { $("#button1").removeAttr('disabled'); } </script> <script> var disableBtn = function () { $("#button1").prop('disabled', true); } </script> </body> </html>