Saltar al contenido principal

Múltiples Captchas por Página Web

El widget de MTCaptcha admite el uso de múltiples captchas por página web.

Para renderizar más de un captcha, utiliza el parámetro de configuración de JavaScript renderQueue.

  <script>
  var mtcaptchaConfig = {
    "sitekey": "<YOUR SITE KEY>",
    "renderQueue": ['mtcaptcha-1', 'mtcaptcha-2', 'mtcaptcha-3']
  }
  ...
  </script>

  <div id="mtcaptcha-1"></div>
  <div id="mtcaptcha-2"></div>
  <div id="mtcaptcha-3"></div>

APIs de MTCaptcha y Múltiples Captchas​

Todas las APIs de JavaScript de window.mtcaptcha admiten domID como parámetro para dirigir captchas individuales cargados en la página.

  <script>
    // get the status of the first captcha
    mtcaptcha.getStatus();      
    // get the status of the captcha with id='mtcaptcha-1'
    mtcaptcha.getStatus('mtcaptcha-1')  


    // get the current verifiedToken of the first captcha
    mtcaptcha.getVerifiedToken();
    // get the current verifiedToken of the captcha 
    // with id='mtcaptcha-2'
    mtcaptcha.getVerifiedToken('mtcaptcha-2');
  </script>

Para obtener más información sobre todas las APIs de mtcaptcha, consulta la Guía para Desarrolladores - APIs de JavaScript

Configuración Personalizada por Captcha​

La configuración puede personalizarse por instancia de captcha utilizando los atributos del elemento data-<configparam> en el DIV de destino.

 <script>
  var mtcaptchaConfig = {
    "renderQueue": ['mtcaptcha-1', 'mtcaptcha-2']
  }
  ...
  </script>

  <div id="mtcaptcha-1" data-sitekey='<sitekey1>' 
  data-action='login' data-lang='zh'></div>
  ...
  <div id="mtcaptcha-2" data-sitekey='<sitekey2>' 
  data-action='register' data-lang='fr'></div>

Múltiples Captchas y Callbacks​

Los callbacks de JavaScript de MTCaptcha proporcionan un argumento con el campo state.domID para indicar específicamente a qué instancia de captcha corresponde el callback.

  <script>
    function mt_verifiedcb(state)
    {
      console.log("mt_verifiedcb(state)");
      console.log("state.domID => "+state.domID);  
      // either 'mtcaptcha-1' or 'mtcaptcha-2'
    }  
  </script>

  <script>
    var mtcaptchaConfig = {
    "sitekey": "<YOUR SITEKEY>",
    "verified-callback": "mt_verifiedcb",
    "renderQueue": ['mtcaptcha-1', 'mtcaptcha-2']
    };
     ...
  </script>
  ...

  <div id="mtcaptcha-1"></div>
  <div id="mtcaptcha-2"></div>

Para obtener más información sobre los diferentes callbacks, consulta la Guía para Desarrolladores - Callbacks JS