Biblioteca JavaScript minimal CAPTCHA de matemáticas-jCaptcha. js

Vista prévia

Descripción

jCaptcha. js es un plugin de JavaScript ligero y Vanilla que crea un sencillo, aleatorio, < Canvas > basado en Math CAPTCHA para protegerse contra el spam.

Funcionamiento

Inserte la versión minimizada de la biblioteca jCaptcha. js en la Página Web.

<script src="jCaptcha.min.js"></script>

Cree un formulario HTML en el que desee generar el CAPTCHA matemático.

<form class="form" action="">


<input class="jCaptcha" type="text" placeholder="Type in result please">

<button class="button" type="submit">Submit</button>

</form>

Inicialice el CAPTCHA matemático.

var myCaptcha = new jCaptcha({



// set callback function


callback: function(response, $captchaInputElement) {





if (response == 'success') {







$captchaInputElement[0].classList.remove('error');






$captchaInputElement[0].classList.add('success');






$captchaInputElement[0].placeholder = 'Submit successful!';





}





if (response == 'error') {







$captchaInputElement[0].classList.remove('success');






$captchaInputElement[0].classList.add('error');






$captchaInputElement[0].placeholder = 'Please try again!';





}



}

});

Valide el CAPTCHA matemático en el envío del formulario.

document.querySelector('form').addEventListener('submit', function(e) {


e.preventDefault();


// captcha validate

myCaptcha.validate();

});

Registro de cambios

11/13/2018

• Las actualizaciones menores

05/28/2018

• v1.1.0