From 313a25a6005991057c2c6212015ff2c6455c7f61 Mon Sep 17 00:00:00 2001
From: CarlaPerezGavilan <42215073+CarlaPerezGavilan@users.noreply.github.com>
Date: Thu, 18 Mar 2021 09:10:19 -0600
Subject: [PATCH 1/2] Habilitar Boton Enviar Cuando Forma Completa

---
 js/forma_completa.html | 58 ++++++++++++++++++++++++++++++++++--------
 1 file changed, 47 insertions(+), 11 deletions(-)

diff --git a/js/forma_completa.html b/js/forma_completa.html
index 6323af6..d0fb8b6 100644
--- a/js/forma_completa.html
+++ b/js/forma_completa.html
@@ -31,12 +31,12 @@ <h1>
 
     <div class="elementoForma">
         <label for="PrimerApellido">Primer Apellido:</label>
-        <input type="text" name="PrimerApellido" onblur="validarNombre(this)" placeholder="Escribe tu Apellido"/>
+        <input type="text" name="PrimerApellido" onblur="validarContenido(this)" placeholder="Escribe tu Apellido"/>
     </div>
 
     <div class="elementoForma">
         <label for="SegundoApellido">Segundo Apellido:</label>
-        <input type="text" name="SegundoApellido" onblur="validarNombre(this)" placeholder="Escribe tu Apellido"/>
+        <input type="text" name="SegundoApellido" onblur="validarContenido(this)" placeholder="Escribe tu Apellido"/>
     </div>
         
     <div class="elementoForma">
@@ -46,36 +46,48 @@ <h1>
 
     <div class="elementoForma">
         <label for="CalleYNumero">Calle y Número</label>
-        <input type="text" name="CalleYNumero" id="CalleYNumero" />
+        <input type="text" name="CalleYNumero"  onblur="validarContenido(this)" id="CalleYNumero" />
     </div>
 
     <div class="elementoForma">
         <label for="Colonia">Colonia</label>
-        <input type="text" name="Colonia" id="Colonia" />
+        <input type="text" name="Colonia"  onblur="validarContenido(this)" id="Colonia" />
     </div>
 
     <div class="elementoForma">
         <label for="Municipio">Municipio</label>
-        <input type="text" name="Municipio" id="Municipio" />
+        <input type="text" name="Municipio"  onblur="validarContenido(this)"  id="Municipio" />
     </div>
 
     <div class="elementoForma">
         <label for="Estado">Estado</label>
-        <input type="text" name="Estado" id="Estado"/>
+        <input type="text" name="Estado"  onblur="validarContenido(this)"  id="Estado"/>
     </div>
 
     <div class="elementoForma">
         <label for="Pais">País</label>
-        <input type="text" name="Pais" id="Pais"/>
+        <input type="text" name="Pais"  onblur="validarContenido(this)" id="Pais"/>
     </div>
 
 
-
-    <input type="submit" value="Enviar"/>
+        <input id="submit" type="submit" value="Enviar" disabled = true/>
 
 </form>
 
 <script>
+    
+    let arregloDeForma = [];
+    arregloDeForma['NombreValido'] = false ;
+    arregloDeForma['SegundoApellidoValido'] = false ;
+    arregloDeForma['PrimerApellidoValido'] = false;
+    arregloDeForma['CalleYNumeroValido'] = false;
+    arregloDeForma['CodigoPostalValido'] = false;
+    arregloDeForma['ColoniaValido'] = false;
+    arregloDeForma['MunicipioValido'] = false;
+    arregloDeForma['EstadoValido'] = false;
+    arregloDeForma['PaisValido'] = false;
+
+
     function validarNombre(field) {
         // TODO: Check names with acentos
 
@@ -86,12 +98,36 @@ <h1>
         {
             field.style.background = "red";
 
-        }
+        } else if( field.value.length > 0 ) { 
+            arregloDeForma['NombreValido'] = true        
+        } 
+
     }
 
+    function validarContenido(field) {
+        
+        if( field.value.length > 0 ) { 
+         let nuestroField = field.name+"Valido"
+         arregloDeForma[nuestroField] = true
+        } 
+
+    }
+    window.addEventListener("keydown", () => {
+                for (var key in arregloDeForma) {
+                        if (!arregloDeForma[key]) {
+                            console.log("falta "+key)
+                            document.getElementById("submit").disabled = true;
+                            break;
+                        } else {
+                            document.getElementById("submit").disabled = false;
+                        }
+                    }
+            });
+        
     async function prellenaDireccion(field) {
         let cp = field.value
         let token = '' // get token from website
+        validarContenido(field)
         try {
         const res = await fetch(
           `https://api-sepomex.hckdrk.mx/query/info_cp/${cp}?=simplified&token=${token}`
@@ -117,4 +153,4 @@ <h1>
 
 </script>
 
-</body>
\ No newline at end of file
+</body>

From 740ac42d3d0c6c1795eb956042c9821188180c74 Mon Sep 17 00:00:00 2001
From: CarlaPerezGavilan <42215073+CarlaPerezGavilan@users.noreply.github.com>
Date: Thu, 18 Mar 2021 09:10:26 -0600
Subject: [PATCH 2/2] Habilitar Boton Enviar Cuando Forma Completa