-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
53 lines (37 loc) · 1.81 KB
/
script.js
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
/*Explicación del código:
Recupera el elemento formulario utilizando su atributo id.
Se añade un receptor de eventos al evento de envío del formulario, que se activa cuando se envía el formulario.
Dentro de la función manejadora de eventos, se realiza la lógica de validación:
Se recuperan los valores de los campos nombre, email y mensaje.
Se comprueba si cada campo está vacío, además de la escritura correcta del mail mediante una expresión regular, utilizando .trim() para eliminar los espacios al principio y al final.
Si algún campo está vacío, se muestra una alerta y se impide el envío del formulario llamando a preventDefault().
Si todos los campos pasan la validación, se envía el formulario.
*/
let form = document.getElementById('form');
form.addEventListener('submit', function(event) {
event.preventDefault(); // Impide que se envíe si no es válida
// Lógica de validación
let nombreInput = document.getElementById('nombre');
let emailInput = document.getElementById('email');
let messageTextarea = document.getElementsByName('message')[0];
if (nombreInput.value.trim() === '') { //recorta los espacios en balnco, si los hubiera
alert('Por favor ingrese su nombre.');
return;
}
if (emailInput.value.trim() === ""){
alert('Por favor ingrese su email.');
return;
}
let emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
if (!emailRegex.test(emailInput.value.trim())) {
alert('Por favor ingrese una dirección de email válida.');
return;
}
if (messageTextarea.value.trim() === '') {
alert('Por favor ingrese su mensaje.');
return;
}
// Formulario válido, se puede enviar.
alert("Mensaje enviado. Gracias.");
form.reset();
});