Bagaimana cara menggunakan recaptcha v3 di html?

Kita semua memiliki pengalaman yang membuat frustrasi saat mencoba mengirimkan beberapa informasi dengan cepat melalui formulir hanya untuk menghadapi tantangan Captcha pada akhirnya. Kami harus mengetikkan karakter acak dan bertanya-tanya, "Apakah itu dua V atau W?", "Haruskah saya menambahkan spasi itu atau tidak?"

Privacy Policy and Terms of Service apply.

 

Jadi tambahkan ini di dalam elemen

   $['#contact-form'].submit[function[event] {
       event.preventDefault[]; // Prevent direct form submission
       $['#alert'].text['Processing...'].fadeIn[0]; // Display "Processing..." to let the user know that the form is being submitted
       $.ajax[{
           url: 'contact.php',
           type: 'post',
           data: $['#contact-form'].serialize[],
           dataType: 'json',
           success: function[ _response ]{
               // The Ajax request is a success. _response is a JSON object
               var error = _response.error;
               var success = _response.success;
               if[error != ""] {
                   // In case of error, display it to user
                   $['#alert'].html[error];
               }
               else {
                   // In case of success, display it to user and remove the submit button
                   $['#alert'].html[success];
                   $['#submit-button'].remove[];
               }
           },
           error: function[jqXhr, json, errorThrown]{
               // In case of Ajax error too, display the result for demo purpose
               var error = jqXhr.responseText;
               $['#alert'].html[error];
           }
       }];
   }];

_0 di bawah tombol "Kirim" Anda

Sekarang, untuk benar-benar menyembunyikan lencana, cukup tambahkan ini ke dalam CSS Anda

_0

 

Selamat. Anda telah berhasil menyiapkan Google reCAPTCHA v3 ke dalam formulir Anda. Sekarang Anda hanya akan menerima pesan dari manusia – tanpa mereka harus menghadapi tantangan Captcha DAN tanpa meninggalkan halaman

Apa itu reCAPTCHA dalam HTML?

reCAPTCHA melindungi situs web Anda dari penipuan dan penyalahgunaan tanpa menimbulkan gesekan . reCAPTCHA menggunakan mesin analisis risiko canggih dan tantangan adaptif untuk mencegah perangkat lunak berbahaya terlibat dalam aktivitas yang kasar di situs web Anda.

Bagaimana cara menambahkan reCAPTCHA ke formulir web?

Tambahkan Google reCAPTCHA ke formulir .
Klik ikon pensil atau Edit pada formulir atau blok buletin
Di tab Penyimpanan, klik Google reCAPTCHA
Aktifkan sakelar Gunakan Google reCAPTCHA
Ulangi langkah-langkah ini untuk semua blok formulir di situs tempat Anda ingin menambahkan reCAPTCHA

Bagaimana cara mengintegrasikan reCAPTCHA v3 di PHP?

Salin kunci situs reCaptcha dan kunci rahasia. .
Langkah 1. Daftarkan domain situs Anda. .
Langkah 2. Salin kunci situs reCaptcha dan kunci rahasia. .
File konfigurasi aplikasi. .
Halaman HTML membuat formulir dengan reCaptcha JS. .
Jalankan reCaptcha JavaScript API untuk token. .
Verifikasi interaksi situs web menggunakan Google reCaptcha V3 API

Bagaimana cara membuat Google reCAPTCHA v3?

Di Google Cloud Console, buka halaman reCAPTCHA Enterprise. Buka reCAPTCHA Perusahaan
Pastikan nama proyek Anda muncul di pemilih sumber daya di bagian atas halaman. .
Klik Buat kunci
Di bidang Nama tampilan, masukkan nama tampilan untuk kunci tersebut
Buat kunci situs untuk situs web atau platform seluler

Bài mới nhất

Chủ Đề