Ver Mensaje Individual
  #6 (permalink)  
Antiguo 07/05/2015, 12:40
diurno10
(Desactivado)
 
Fecha de Ingreso: abril-2013
Ubicación: rosario
Mensajes: 248
Antigüedad: 11 años
Puntos: 17
Respuesta: Validar filas de una tabla HTML+JAVASCRIPT

bueno ahi me funciona, fijate q al input id="codigoproducto' le agregue una clase .codprod, xq manejarse con id en estos casos es muy engorroso.

Código Javascript:
Ver original
  1. function f_valida_repetido(){
  2.         if ($('table#tablaProd tbody tr').length > 0){
  3.             var v_valor = 0;
  4.             $('table#tablaProd tbody tr').each(function(){
  5.                 if ($(this).find('input.codprod').val() == $("#codigoProd").val()){
  6.                     alert('valor repetido');
  7.                     v_valor = 1;
  8.                 }
  9.             });
  10.                    
  11.             if(v_valor == 1){
  12.                 return false;
  13.             }else{
  14.                 return true;
  15.             }
  16.         }else{
  17.             return true;
  18.         }          
  19.            
  20.     }




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