From 50bb59c7ef1743f027c80548eee7eadd1e85aa2c Mon Sep 17 00:00:00 2001
From: Conrado Palomeque <110244434+ConraPal@users.noreply.github.com>
Date: Sat, 18 May 2024 09:27:32 -0300
Subject: [PATCH] Update registro.html

Se creo un script al final con una funcion de validacion para el nombre
---
 registro.html | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/registro.html b/registro.html
index e856ba1..51b48ac 100644
--- a/registro.html
+++ b/registro.html
@@ -38,9 +38,9 @@
                 <h2 class="form-text-title">Formulario de registro</h2>
                 <p class="form-text-p">Completa los campos para suscribirte:</p>
                 
-                <form class="form-text form-content" action="https://formspree.io/f/xoqgpdyk" method="post">
+                <form class="form-text form-content" action="https://formspree.io/f/xoqgpdyk" method="post" onsubmit="return validacion()">
                     <label class="label-register" for="nombre">Nombre:</label>
-                    <input type="text" class="input-register" name="nombre" placeholder="Ingrese nombre..."><br><br>
+                    <input type="text" class="input-register" name="nombre" id="nombre" placeholder="Ingrese nombre..."><br><br>
                     <label class="label-register" for="apellido">Apellido:</label>
                     <input type="text" class="input-register" name="apellido" placeholder="Ingrese apellido..."><br><br>
                     <label class="label-register label-date" for="fecha_de_nacimiento">Fecha de nacimiento:</label>
@@ -103,7 +103,18 @@ <h3 class="title-footer">Follow Us</h3>
 
 <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
-
+<script>
+    function validacion(){
+        valor = document.getElementById("nombre").value;
+        if (valor == null || valor.length == 0){
+            document.getElementById("mensaje").innerHTML = "Tenes que completar el nombre!";
+            elemento = document.getElementById("nombre");
+            elemento.focus();
+            return false;
+        }
+        return true;
+        } 
+</script>
 </body>
 </html>