Changeset 956d737 in portal_2019

Timestamp:

Nov 6, 2019, 11:52:16 AM (5 years ago)

Author:

Angelo Osorio <danielking.321@…>

Branches:

master, dev, portal

Children:

2855bd1

Parents:

e8c9209

Message:

agregada la validación al formulario

File:

• php/sign.php (modified) (4 diffs)

php/sign.php

@@ -45 +45 @@
           <div class="row">
             <div class="col-10 offset-1 col-md-8 offset-md-2 pt-4">
-              <form action="./run_script.php" method="POST" enctype="multipart/form-data">
+              <form id="form-sign" action="./run_script.php" method="POST" enctype="multipart/form-data">
 
                 <div class="input-group pb-3">
                   <div class="custom-file">
-                    <input id="pdf" class="custom-file-input" type="file" name="pdf" accept=".pdf" required tabindex="1">
+                    <input id="pdf" class="custom-file-input" type="file" name="pdf" accept=".pdf" required
+                           tabindex="1" />
                     <label class="custom-file-label" for="pdf">Seleccionar PDF</label>
                   </div>
@@ -56 +57 @@
                 <div class="input-group pb-3">
                   <div class="custom-file">
-                    <input id="pkcs12" class="custom-file-input" type="file" name="pkcs12" accept=".p12" required tabindex="2">
+                    <input id="pkcs12" class="custom-file-input" type="file" name="pkcs12" accept=".p12" required
+                           tabindex="2" />
                     <label class="custom-file-label" for="pkcs12">Seleccionar certificado PKCS12</label>
                   </div>
@@ -69 +71 @@
 
                 <div class="form-group text-center">
-                  <input class="btn btn-primary btn-block" name="submit" type="submit" value="Firmar" tabindex="4">
+                  <input id="sign-button" class="btn btn-primary btn-block" name="submit" type="submit" value="Firmar"
+                         tabindex="4" />
                 </div>
 
@@ -90 +93 @@
        * Función para imprimir los nombres en los label de los input[type=file]
        */
-      var files = document.querySelectorAll('.custom-file-input');
-      var fileLabel = document.querySelectorAll('.custom-file-input ~ .custom-file-label');
+      var files, fileLabel, signButton, signValidation, formSign;
+
+      formSign = document.getElementById('form-sign');
+      files = document.querySelectorAll('.custom-file-input');
+      fileLabel = document.querySelectorAll('.custom-file-input ~ .custom-file-label');
+      signButton = document.getElementById('sign-button');
+      signValidation = [2, 2];
+
+      function validateExtension(name, ext){
+        let buscarElemento = name.indexOf(ext);
+        return buscarElemento;
+      }
+
       for (var i = 0; i <= files.length -1; i++) {
         files[i].addEventListener('change', function() {
           let backslack = this.value.lastIndexOf("\\") + 1;
-          let namePDF = this.value.slice(backslack, this.value.length)
+          let namePDF = this.value.slice(backslack, this.value.length);
           this.nextElementSibling.innerText = namePDF;
         });
       }
+
+      // Validación que el primer input sea un pdf
+      files[0].addEventListener('change', function() {
+        let backslack = this.value.lastIndexOf("\\") + 1;
+        let namePDF = this.value.slice(backslack, this.value.length);
+        let validation = validateExtension(namePDF, "pdf");
+
+        if (validation == -1){
+          this.nextElementSibling.classList.add("border-danger");
+          this.nextElementSibling.classList.add("text-danger");
+          this.nextElementSibling.innerText = namePDF + " no es un archivo PDF";
+          signValidation[0] = 1;
+        } else {
+          this.nextElementSibling.classList.remove("border-danger");
+          this.nextElementSibling.classList.remove("text-danger");
+          signValidation[0] = 0;
+        }
+      });
+
+      files[1].addEventListener('change', function() {
+        let backslack = this.value.lastIndexOf("\\") + 1;
+        let namePDF = this.value.slice(backslack, this.value.length);
+        let validation = validateExtension(namePDF, "p12");
+
+        if (validation == -1){
+          this.nextElementSibling.classList.add("border-danger");
+          this.nextElementSibling.classList.add("text-danger");
+          signValidation[1] = 1;
+
+          this.nextElementSibling.innerText = namePDF + " no es un archivo p12";
+        } else {
+          this.nextElementSibling.classList.remove("border-danger");
+          this.nextElementSibling.classList.remove("text-danger");
+          signValidation[1] = 0;
+        }
+
+      });
+      // Valida que los
+      formSign.addEventListener('submit', function(event){
+        if (signValidation[0] != 0 || signValidation[1] != 0){
+          event.preventDefault();
+        }
+      });
+
     })();