{"id":54,"date":"2017-06-07T07:16:16","date_gmt":"2017-06-07T07:16:16","guid":{"rendered":"http:\/\/webprow.com\/blog\/?p=54"},"modified":"2020-01-03T10:00:38","modified_gmt":"2020-01-03T10:00:38","slug":"google-recaptcha-validation","status":"publish","type":"post","link":"https:\/\/webprow.com\/blog\/google-recaptcha-validation\/","title":{"rendered":"Google reCAPTCHA validation"},"content":{"rendered":"

In this you can see how to make google captcha valifation in HTML form(s).In this we can see two methods of validation.<\/p>\n

Method 1 :<\/strong> If using Jquery for form validation ,do the following stpes<\/p>\n

STEP 1 :\u00a0<\/strong> Add the following script at before the <\/head><\/strong> section<\/p>\n

<script src=\"https:\/\/www.google.com\/recaptcha\/api.js\"><\/script><\/code><\/pre>\n
STEP\u00a02 :<\/strong> Before that, register your site and get the sitekey<\/strong> for you website.<\/p>\n
to get the key click here<\/a>\u00a0<\/strong> and sign in your gmail account.<\/p>\n
STEP 3 :<\/strong> Add the following code in your form where do you want to display the captcha.<\/p>\n
<div class=\"g-recaptcha\" data-sitekey=\"your-site-key\"><\/div><\/code><\/pre>\n
add you site key in above code.<\/p>\n
STEP 4 :<\/strong> If you are using Jquery validation<\/strong> for your form add the below in your validation section. ie.after the variable declarations<\/p>\n
if (grecaptcha.getResponse() == \"\"){\r\n\r\n$(\"#error_message\").show().html(\"ReCaptcha was not validated\");\r\n\r\n}<\/code><\/pre>\n
after the form submission give below to reset the captcha<\/p>\n
grecaptcha.reset();<\/code><\/pre>\n
Method 2 :<\/strong><\/p>\n
If you aren’t using jquery validation<\/strong> and need js validation<\/strong> just add the below script in you html page or js file.<\/p>\n
<script type=\"text\/javascript\">\r\nfunction validateform(){\r\nvar captcha_response = grecaptcha.getResponse();\r\nif(captcha_response.length == 0)\r\n{\r\n \/\/ Captcha is not Passed\r\nalert(\"Captcha validation failed\");\r\n return false;\r\n}\r\nelse\r\n{\r\n \/\/ Captcha is Passed\r\n return true;\r\n}\r\n}\r\n<\/script><\/code><\/pre>\n
NOTE :<\/strong> Add the onsubmit=”return validateform();”<\/strong> in the form like below<\/p>\n
\u00a0<form action=\"contact.php\" method=\"post\" \u00a0onsubmit=\"return validateform();\"><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
In this you can see how to make google captcha valifation in HTML form(s).In this we can see two methods of validation. Method 1 : If using Jquery for form validation ,do the following stpes STEP 1 :\u00a0 Add the following script at before the <\/head> section <script src=”https:\/\/www.google.com\/recaptcha\/api.js”><\/script> STEP\u00a02 : Before that, register your […]<\/p>\n","protected":false},"author":1,"featured_media":148,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[10],"class_list":["post-54","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html","tag-recaptcha"],"_links":{"self":[{"href":"https:\/\/webprow.com\/blog\/wp-json\/wp\/v2\/posts\/54","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webprow.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webprow.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webprow.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webprow.com\/blog\/wp-json\/wp\/v2\/comments?post=54"}],"version-history":[{"count":1,"href":"https:\/\/webprow.com\/blog\/wp-json\/wp\/v2\/posts\/54\/revisions"}],"predecessor-version":[{"id":119,"href":"https:\/\/webprow.com\/blog\/wp-json\/wp\/v2\/posts\/54\/revisions\/119"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webprow.com\/blog\/wp-json\/wp\/v2\/media\/148"}],"wp:attachment":[{"href":"https:\/\/webprow.com\/blog\/wp-json\/wp\/v2\/media?parent=54"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webprow.com\/blog\/wp-json\/wp\/v2\/categories?post=54"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webprow.com\/blog\/wp-json\/wp\/v2\/tags?post=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}