aboutsummaryrefslogtreecommitdiffstats
path: root/templates/js/formulario.js
blob: 00bd9a80cd95a2043e80a1f202ad58cbd0c730f3 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
/*
@licstart  The following is the entire license notice for the
JavaScript code in this page.

Copyleft 2019 | Heckyel

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
See the GNU General Public License for more details.

@licend  The above is the entire license notice
for the JavaScript code in this page.
*/

(function(){
    let formulario = document.getElementById('formulario'),
        nombre = formulario.nombre,
        correo = formulario.correo,
        mensaje = formulario.mensaje,
        error = document.getElementById('error');

    function validarNombre(e){
        if(nombre.value == '' || nombre.value == null){
            console.info('Por favor completa el nombre');
            error.style.display = 'block';
            error.innerHTML = error.innerHTML + '<li>Por favor completa el nombre</li>';
            e.preventDefault();
        }
    }

    function validarCorreo(e){
        if(correo.value == '' || correo.value == null){
            console.info('Por favor completa el correo');
            error.style.display = 'block';
            error.innerHTML = error.innerHTML + '<li>Por favor completa el correo</li>';
            e.preventDefault();
        }
    }

    function validarMensaje(e){
        if(mensaje.value == '' || mensaje.value == null){
            console.info('Por favor completa el mensaje');
            error.style.display = 'block';
            error.innerHTML = error.innerHTML + '<li>Por favor completa el mensaje</li>';
            e.preventDefault();
        }
    }

    function validarFormulario(e){
        error.innerHTML = '';
        error.style.display = 'none';
        validarNombre(e);
        validarCorreo(e);
        validarMensaje(e);
    }

    formulario.addEventListener('submit', validarFormulario);
}());