CAPTCHA numérico simple en JavaScript puro-JS-CAPTCHA
| Autor: | NelGarbuzova |
|---|---|
| Views Total: | 2,242 |
| Sitio oficial: | Ir a la web |
| Actualizado: | October 28, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
JS-CAPTCHA es una biblioteca nativa de JavaScript que crea un CAPTCHA numérico simple en su formulario HTML para evitar el spam.
Funcionamiento
Agregue el CAPTCHA numérico a su formulario HTML.
<form action="" id="form"> <div class="captcha-base"></div> <button type="submit">Send form</button> </form>
Coloque el archivo JavaScript principal en la parte inferior de la Página Web.
<script src="dist/js/app.js"></script>
Inicializar el tipo de < span style = "background-color: rgba (246, 213, 217, 0.863);" > CAPTCHA.
document.getElementById('form').addEventListener('submit', function(event) {
alert('submitted');
console.log('submitted');
event.preventDefault();
}) Aplica tus propios estilos al CAPTCHA numérico.
.captcha-base {
/* styling of captcha box */
}
.captcha-base__input {
/* styling of captcha input */
}
.captcha-reset {
/* styling of reset button */
}
.captcha_valid {
/* when is valid */
}
.captcha_invalid {
/* when is invalid */
}
.captcha-base__input_valid {
/* styling of captcha input when is valid */
}
.captcha-base__input_invalid {
/* styling of captcha input when is invalid */
} Registro de cambios
10/28/2018
- Actualización menor
