Gente tengo una consulta, necesito validar varios campos de un form, tengo este script que me valida un solo campo nada mas, ahora consulta para validar mas de uno tengo q poner un if o un if else? Gracias si alguien puede pasarme un tip.!
Código:
<script language="javascript" type="text/javascript">
function validacion(){
valor = document.getElementById("usuario").value;
if( valor == null || valor.length == 0 || /^\s+$/.test(valor) )
{
alert('El campo usuario es obligatorio');
return false;
}
}
</script>
Código HTML:
<form id="form1" name="form1" method="post" action="index.php"
onSubmit="return validacion();">
Usuario:
<label>
<input name="usuario" type="text" id="usuario" /><br />
</label>
Password:
<label>
<input name="pass" type="password" id="pass" />
</label>
Reingrese el pass
<label>
<input name="pass2" type="password" id="pass2" />
<br />
<br />
Nombre:
<input name="nombre" type="text" id="nombre" />
Apellido:
<input name="apellido" type="text" id="apellido" /> <br />
<br />
Edad:
<input name="edad" type="text" id="edad" />
pais
<select name="select">
<option>Argentina</option>
<option>Brazil</option>
<option>Peru</option>
<option>Chile</option>
</select>
<br />
<br />
E-mail
<input name="email" type="text" id="email" value="" size="38" />
<br />
<br />
</label>
<table width="455" height="159" border="1">
<tr>
<th width="89" height="59" scope="row">Sexo</th>
<td width="120"> Tipo Doc </td>
<td width="176">Documento<label>
<input name="documento" type="text" id="documento" />
</label></td>
</tr>
<tr>
<th scope="row"><label>
<div align="left">
<input name="masculino" type="checkbox" id="masculino" value="checkbox" />
Masculino<br />
<input name="femanino" type="checkbox" id="femanino" value="checkbox" />
Femenino<br />
</div>
</label></th>
<td><label>
<input name="dni" type="checkbox" id="dni" value="checkbox" /> DNI
</label>
<label> <br />
<input name="ci" type="checkbox" id="ci" value="checkbox" />
CI
<br />
<input name="le" type="checkbox" id="le" value="checkbox" />
LE</label></td>
<td>Fuma
<label>
<input name="fuma" type="checkbox" id="fuma" value="checkbox" />
</label></td>
</tr>
</table>
<label> </label>
<p>
<label>
<input type="submit" name="Submit" value="Enviar Datos" />
</label>
<label>
<input type="reset" name="Submit2" value="Limpiar Datos" />