Validar TextField Generados dinamicamente con Javascript

[Killerx_8937]

Hola Foreros.

Tengo una problema tengo un formulario el cual posee campos dinámicos generados con javascript

Código PHP:

  <?php 
$Hoy=DATE("d-m-Y",time()); 
?> 
<form name=FormBusProv method=POST action="SolDin.php"> 
<table border="0"> 
        <tr> 
            <td colspan='2'>Antecedentes Generales</td> 
            <td></td> 
        </tr> 
      <tr> 
            <td width="80" class='side-border-left'>Fecha Solicitud</td> 
            <td width="400" class='side-border-right2'><?php echo "".$Hoy."";?></td> 
        </tr> 
        <tr> 
            <td class='side-border-left'>Empresa</td> 
            <td class='side-border-right2'> 
                <select NAME=Empresa CLASS='textbox'> 
                    <option default>Seleccione</option> 
                    <option VALUE='TECNOLAB'>TECNOLAB LTDA.</option> 
                    <option VALUE='KBA'>KBA-IC LTDA</option> 
                </select> 
            </td> 
        </tr> 
        <tr> 
            <td class='side-border-left'>Solicitante</td> 
            <td class='side-border-right2'> 
                <Select name='Solicitante' class='textbox'> 
                    <option selected >Seleccione</option> 
                <?php 
                 
                     $consulta=dbquery("SELECT * FROM Personal ORDER BY ApPaterno ASC"); 
                    while($registro=dbarray($consulta)) 
                    { 
                            echo "<option value='".$registro[Run]."'> ".$registro[ApPaterno]." ".$registro[Nombre]."</option>\n"; 
                    } 
                ?> 
            </Select> 
            </td> 
        </tr> 
 
        <tr> 
        <tr><td colspan="2">Detalle de la Solicitud</td></tr> 
            <td colspan='2' > 
 
                 
                <table border="0" id="DetalleSolicitud" > 
                    <tr> 
                         <td align="center" width='70' class='side-border-left'>Monto</td> 
                         <td align="center" width='405' colspan='2' class='side-border-left'>Motivo o Razon de la Solicitud</td> 
                  </tr> 
              </table> 
             
            </td> 
        </tr> 
        <tr> 
            <td colspan="2"><input type="button" onClick="agregar()"  class='button' value="+"> Agregar mas Campos</td> 
        </tr> 
        <tr><td> </td></tr> 
        <tr> 
            <td class='side-border-left'>Imputar A:</td> 
            <td class='side-border-right2'> 
            <Select name='Imputar' class='textbox'> 
            <option selected >Seleccione</option> 
                <?php 
                 
                 $imputar=dbquery("SELECT * FROM Imputar INNER JOIN TipoObra ON Imputar.IdTipoObra=TipoObra.IdTipoObra  ORDER BY Imputar.NombreImput ASC"); 
                    while($rowimputar=dbarray($imputar)) 
                    { 
                            echo "<option value='".$rowimputa['IdImputar']."'> ".$rowimputar['TipoObra']." ".$rowimputar['NombreImput']."</option>\n"; 
                    } 
                ?> 
            </Select> 
            </td> 
        </tr> 
        <tr> 
            <td colspan='2' align='right'><input type="submit" value="ingresar" name="Ingresar" class='button'/></td> 
        </tr> 
    </table> 
    </form>  

La Función que agrega los campos es la siguiente

Código PHP:

      var posicionCampo=1; 
 
    function agregar(){ 
 
    nuevaFila = document.getElementById("DetalleSolicitud").insertRow(-1); 
 
    nuevaFila.id=posicionCampo; 
 
    nuevaCelda=nuevaFila.insertCell(-1); 
 
    nuevaCelda.innerHTML="<td align='center' ><input type='text'  class='textbox2' size='10' name='Monto["+posicionCampo+"]' ></td>"; 
 
    nuevaCelda=nuevaFila.insertCell(-1); 
 
    nuevaCelda.innerHTML="<td align='center'  ><input type='text' class='textbox2' size='50' name='Descripcion["+posicionCampo+"]' ></td>"; 
 
    nuevaCelda=nuevaFila.insertCell(-1); 
 
    nuevaCelda.innerHTML="<td align='center'  ><input type='button' class='button' value='Eliminar' onclick='eliminar(this)'></td>"; 
 
    posicionCampo++; 
 
    } 
 
    function eliminar(obj) 
 
    { 
 
        var oTr = obj; 
 
        while(oTr.nodeName.toLowerCase()!='tr') 
 
        { 
 
            oTr=oTr.parentNode; 
 
        } 
 
        var root = oTr.parentNode; 
 
        root.removeChild(oTr); 
 
    }  
   

Necesito validar que los campos agregados no estén vacíos

Alguna Idea de como hacerlo..

[alfcm]

haber si te sirve esto

Código Javascript:

function contar(){
    var frm = document.getElementsByTagName('input');
    con=0;
    for(i=0;i<frm.length;i++){
       if(frm[i].type == "text"){
          // validar si esta vacio
          if(frm[i].value==''){
            con=con+1;
          }
       }
    }
    alert('textos vacios:'+con);
}
 

Saludos

[Killerx_8937]

Gracias .

lo resolví de la siguiente manera

Código PHP:

      function ValidaVac() 
    { 
 
        var Monto=document.getElementsByName("Monto[]") 
        var Descripcion=document.getElementsByName("Descripcion[]") 
        for(i=0;i < Monto.length;i++) 
        { 
                if(Monto[i].value=="") 
                { 
                    alert("El Monto de la fila  Numero :"+(i+1)+" Esta Vacio") 
                    Monto[i].focus(); 
                    return false; 
                } 
                else 
                if(Descripcion[i].value=="") 
                { 
                    alert("La Descripcion de la fila Numero :"+(i+1)+" Esta Vacia") 
                    Descripcion[i].focus(); 
                    return false; 
                } 
                else 
                if (confirm('Estas seguro de enviar este formulario?')) 
                {                     
                   //document.FormInsProv.submit() 
               } 
                    return true;                                            
        } 
                
    }