Ver Mensaje Individual
  #3 (permalink)  
Antiguo 07/05/2015, 08:12
CHAEEZ
 
Fecha de Ingreso: julio-2013
Ubicación: Temuco
Mensajes: 48
Antigüedad: 10 años, 10 meses
Puntos: 0
Respuesta: Validar filas de una tabla HTML+JAVASCRIPT

lo siento, ayer hice el post muy a la rapida.

La estructura de la tabla seria esta:
Código HTML:
Ver original
  1. <table id="tablaProd" class="table table-hover">
  2. <tr>
  3. <th>CÓDIGO</th>
  4. <th>NOMBRE</th>
  5. <th>UNIDAD</th>
  6. <th>CANTIDAD</th>
  7. <th></th>
  8. <th></th>
  9. </tr>
  10. <tbody id="tablaProds" >


Esta seria la estructura de la fila de la tabla:

Código Javascript:
Ver original
  1. var numero = 1;
  2.  
  3.  //evento que se dispara al hacer clic en el boton para agregar una nueva fila
  4.     $(document).on('click','.clsAgregarFila',function(){
  5.         //almacenamos en una variable todo el contenido de la nueva fila que deseamos
  6.         //agregar. pueden incluirse id's, nombres y cualquier tag... sigue siendo html
  7.         var codigo =  document.getElementById("codigoProd").value;
  8.         var filas = document.getElementsByTagName("tr");
  9.         var nombre =  document.getElementById("nombreProd").value;
  10.         var unidad =  document.getElementById("um").value;
  11.         var cantidad =  document.getElementById("cantidadProd").value;
  12.         var i;
  13.  
  14.         var strNueva_Fila=
  15.                 '<tr>'+
  16.                 '<td><input type="text" id="codigoproducto'+(numero++)+'" value="'+codigo+'" maxlength="40" disabled></input></td>'+
  17.                 '<td><input type="text" id="nombreProd" value="'+nombre+'" disabled></input></td>'+
  18.                 '<td><input type="text" id="unidadProd" value="'+unidad+'" disabled></input></td>'+
  19.                 '<td><input type="text" id="cantidadProd" value="'+cantidad+'"  disabled></input></td>'+
  20.                 '<td><input type="hidden" id="dejarcero" disabled></input></td>'+
  21.                 '<td <button type="button" id="eliminarFila" onClick="eliminaFila(this)" >-</button></td>'+
  22.                 '</tr>';
  23.                
  24.  
  25.         var objTabla=document.getElementById("tablaProd");  // capturamos la id de la tabla
  26.  
  27.         $(objTabla).find('tbody').append(strNueva_Fila);     //agregamos la nueva fila.
  28.    
  29.  
  30.     });


Y algo asi tenia para que validara cuando un codigo ya fue ingresado a la tabla.

Código Javascript:
Ver original
  1. if (document.getElementById("codigoProd") != null)
  2.          {  
  3.         var codDetalle = document.getElementById("codigoProd").value;
  4.         var valor = parseInt(codDetalle);
  5.             if (document.getElementById("codigoproducto1") != null){
  6.                     var codTabla = document.getElementById("codigoproducto1").value;
  7.                     var numDetalle = parseInt(codTabla);
  8.                    
  9.                     if(valor === numDetalle){
  10.                         alert("El producto ya fue ingresado.");
  11.                     } else {
  12.   $(objTabla).find('tbody').append(strNueva_Fila);  
  13.      }
  14.                 }
  15.             }

Última edición por CHAEEZ; 07/05/2015 a las 08:49