membuat 2 recaptcha pada satu halaman php

Hallo Blogger kali ini saya akan menjelaskan tentang bagaimana cara membuat 2 recaptcha google pada satu halaman html / php. recaptcha sendiri adalah salah satu bentuk keamanan form yang biasanya digunakan untuk mendeteksi apakah user yang mengisi form benar-benar manusia ataukah hanya bot. recaptcha sendiri biasanya berada pada form register. ketika sebuah recaptcha diimplementasikan pada sebuah halaman php tentu tidak jadi masalah namun apabila kita ingin menggunakan 2 buah recaptcha pada sebuah halaman php kadang hanya muncul satu buah recapthca saja yang muncul bahkan hingga terjadi error. baik lansung saja saya akan menjelaskannya, berikut script untuk multiple recaptcha google on one page

Baca juga pencarian google berubah menjadi cse google

<html>
  <head>
    <title>Multiple recaptcha on one page</title>
    <script type="text/javascript">
      var verifyCallback = function(response) {
        alert(response);
      };
      var widgetId1;
      var widgetId2;
      var onloadCallback = function() {
           widgetId1 = grecaptcha.render('example1', {
          'sitekey' : 'sitekey anda',
          'theme' : 'light'
        });
        widgetId2 = grecaptcha.render(document.getElementById('example2'), {
          'sitekey' : 'sitekey anda'
        });
        grecaptcha.render('example3', {
          'sitekey' : 'sitekey anda',
          'callback' : verifyCallback,
          'theme' : 'dark'
        });
      };
    </script>
  </head>
  <body>
    <form action="javascript:alert(grecaptcha.getResponse(widgetId1));">
      <div id="example1"></div>
      <br>
      <input type="submit" value="getResponse">
    </form>
    <br>
    <form action="javascript:grecaptcha.reset(widgetId2);">
      <div id="example2"></div>
      <br>
      <input type="submit" value="reset">
    </form>
    <br>
    <form action="?" method="POST">
      <div id="example3"></div>
      <br>
      <input type="submit" value="Submit">
    </form>
    <script src="https://www.google.com/recaptcha/api.js?hl=id&onload=onloadCallback&render=explicit"
        async defer>
    </script>
  </body>
</html>

untuk mengubah bahasa recaptcha anda juga dapat melakukanya dengan mengubah script

<script src="https://www.google.com/recaptcha/api.js?hl=id&onload=onloadCallback&render=explicit async defer>

Baca juga membuat form dengan html


untuk bahasa Indonesia anda dapat menggunakan id, untuk bahasa Inggris anda dapat menggunakan en dll. mungkin cukup sekian untuk tutorial saya kali ini tentang membuat 2 recaptcha pada satu halaman php. apabila tutorial ini bermanfaat dan ada yang ingin ditanyakan silahkan masukkan ke kolom komentar terima kasih :)

Share this

Related Posts

Previous
Next Post »