Google ReCaptcha

Google ReCaptcha Kütüphanesini dahi l ediyoruz. (head kısmına)

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

Ardından https://www.google.com/recaptcha/admin#site/321271684?setup giderek şbizim şirket hesabı ile oturum açıyoruz. Gelen ekranın alt kısmındaki metin kutusuna ReCaptcha kullanacak olduğumuz siteyi karayeltasarim.com şeklinde ekleyip kaydetmemiz gerek.

Ardından ReCaptcha'nın görünmesini istediğimiz yere şu div'i ekliyoruz.

<div class="g-recaptcha" data-sitekey="6LeENyYTAAAAAB-A9h6pxASocKon3Zqe5A1NfQTE" data-callback="enableBtn"></div>

Unutmayın: Kullanıcı robot değil ise, yani ReCaptcha'da gelen doğrulama true olarak dönüyorsa, çalışacak olan javascript fonksiyonu, enableBtn fonksiyonudur.

Ardından, formumuzu göndermeye yarayan submit butonunu, disable ederek, yani pasif hale getirerek kullanıcının formu göndermesini engelliyoruz.

<input type="submit" value="Gönder" id="button1" disabled>

Son olarak doğrulama true döndüğü zaman butonu aktifleştirecek bir JavaScript koduna ihtiyacımız var. Aşağıdaki kod ise bu durumu kontrol eder. Böylece Google ReCaptcha soruglaması tamamlanmış olur.