Como recorrer todos los <input> de un form?

[adryan310]

Hola a todos los del foro...

Tengo el siguiente form:

Código HTML:

 <form id="frmSearch" name="frmSearch" action="" method="post" onsumit="return valida()">
       <input type="text" id= "nombre" name="nombre">
       <select id="id_select" name="cmbWebSite">
         <option value="0">Seleccione una opcion</option>
         <option value="1">Nacional</option>
         <option value="2">extrangero</option>
       </select>
       <input type="radio" checked="true" name="optionsActive" value="S"><span>Si</span>
       <input type="radio" checked="true" name="optionsActive" value="N"><span>No</span>
     </form> 

Específicamente lo que quiero es hacer una funcion javascript, que me verifique si el textbox nombre y el combobox contienen datos, osea si digito algo en el textbox y si selecciono algo en el combo que no sea el value 0. Cabe mencionar que dicha funcion debe de ser lo suficientemente dinamica, esto quiere decir que si yo deseo insertarle al form otro textbox como por ejemplo: identificacion, la funcion javascript debe de ser capaz de validar ese nuevo textbox que inserte en el form, sin necesidad de modificar nada el js.

Tenia lo siguiente pero no me funca:

Código HTML:

function valida(){
  var elem = document.frmSearch.elements.getElementsByTagName('input');
  var errors = 0; 
  for(i=0; i<elem.length; i++){
    if(elem[i].value=="" || elem[i].value==" ")
    ++errors;
  }
 if(errors>=5){
    alert('Rellena todo!');
    return false;
  }else
    return true;
} 

[PHPeros]

No te dimos la solución en el otro tema?

[PHPeros]

Código Javascript:

function validar(){
var elem = document.frmSearch.elements.getElementsByTagName('input');
var errors = 0; 
for(i=0; i<elem.length; i++){
if(elem[i].value=="" || elem[i].value==" "){
++errors;
}
}
if(errors>=5){
//algo +
return false;
}else{
//algo +
return true;
}
}
 

[adryan310]

Es que todavia no me funciona, tengo la funcion javascript tal y como me dices tu y el form tal y como lo puse en el tema y no me funca... ahora dime q puede ser ?

[PHPeros]

El código es sintácticamente correcto... Aseguraté de que los nombres de la función coinciden. Yo puse validar() en vez de valida()...Igual es eso. Si no sigue debugueando, aunque no verás nada raro.

[dAvidcA]

Iniciado por adryan310

Hola a todos los del foro...

Tengo el siguiente form:

Código HTML:

 <form id="frmSearch" name="frmSearch" action="" method="post" onsumit="return valida()">
       <input type="text" id= "nombre" name="nombre">
       <select id="id_select" name="cmbWebSite">
         <option value="0">Seleccione una opcion</option>
         <option value="1">Nacional</option>
         <option value="2">extrangero</option>
       </select>
       <input type="radio" checked="true" name="optionsActive" value="S"><span>Si</span>
       <input type="radio" checked="true" name="optionsActive" value="N"><span>No</span>
     </form> 

Específicamente lo que quiero es hacer una funcion javascript, que me verifique si el textbox nombre y el combobox contienen datos, osea si digito algo en el textbox y si selecciono algo en el combo que no sea el value 0. Cabe mencionar que dicha funcion debe de ser lo suficientemente dinamica, esto quiere decir que si yo deseo insertarle al form otro textbox como por ejemplo: identificacion, la funcion javascript debe de ser capaz de validar ese nuevo textbox que inserte en el form, sin necesidad de modificar nada el js.

Tenia lo siguiente pero no me funca:

Código HTML:

function valida(){
  var elem = document.frmSearch.elements.getElementsByTagName('input');
  var errors = 0; 
  for(i=0; i<elem.length; i++){
    if(elem[i].value=="" || elem[i].value==" ")
    ++errors;
  }
 if(errors>=5){
    alert('Rellena todo!');
    return false;
  }else
    return true;
} 

Hola de nuevo adryan310, el código tiene varios errores.

1. En el form tienes onsumit y es onsubmit

2. En en Javascript en la línea:

Código Javascript:

document.frmSearch.elements.getElementsByTagName('input');
 

quítale el elements quedando así:

Código Javascript:

document.frmSearch.getElementsByTagName('input');
 

Y listo, el código funciona.

Saludos.

[PHPeros]

@dAvidcA No es necesario eliminar 'elements' ya que contiene el array con todos los elementos hijos del formulario, no obstante a la hora de obtenerlos con getElements checkearía todos sus descendientes, así que es lo mismo.

El principal error era el atributo, que igual se le habría cortado al hacer el breakline.

[dAvidcA]

Iniciado por PHPeros

@dAvidcA No es necesario eliminar 'elements' ya que contiene el array con todos los elementos hijos del formulario, no obstante a la hora de obtenerlos con getElements checkearía todos sus descendientes, así que es lo mismo.

El principal error era el atributo, que igual se le habría cortado al hacer el breakline.

PHPeros es necesario eliminar el elements porque en ese caso es de tipo Array, por lo que no aplicaría el método getElementsByTagName.

Tira este error en la consola:
TypeError: Object #<HTMLFormControlsCollection> has no method 'getElementsByTagName'