Hola
Necesito validar un formulario, tengo problemas con algunos campos de texto.. solo puedo validar los 3 primeros.. quiero que avise si no se ha llenado algún espacio. Gracias por su ayuda
Código HTML:
<html>
<head>
<title>
Información
</title>
<script language="javascript" type="text/javascript">
function vacio(q)
{
for(i=0; i<q.length; i++)
{
if(q.charAt(i) !=" ")
{ return true }
}
return false
}
function valida(f)
{
if(vacio(f.nombre.value)==false)
{
alert("Introduzca su Nombre")
return false
}
else if(vacio(f.apellido.value)==false)
{
alert("Introduzca su Apellido")
return false
}
else if(vacio(f.edad.value)==false)
{
alert("Introduzca su Edad")
return false
}
}
</script>
</head>
<body background="fondo.jpg">
<h1> Caputra de datos personales</h1>
<p> Complete por favor el siguiente formulario: </p>
<form name="firmdatos" action="" method="post" onSubmit="return valida(this);">
<table border="0">
<tr>
<td><b>Nombre:</b></td>
<td colspon="2">
<input type="text" name="nombre">
</td>
</tr>
<tr>
<td><b>Apellido:</b></td>
<td colspon="2">
<input type="text" name="apellido">
</td>
</tr>
<tr>
<td><b>Edad:</b></td>
<td colspon="2">
<input type="text" name="edad">
</td>
</tr>
<tr>
<td><b>Dirección:</b></td>
<td colspon="2">
<input type="text" name="direccion">
</td>
</tr>
<tr>
<td><b>Ciudad:</b></td>
<td colspon="2">
<select name="ciudad">
<option value=1> Bogotá</option>
<option value=2> Cali</option>
<option value=3> Medellin</option>
<option value=4>Barranquilla</option>
<option value=5> Cartagena</option>
</select>
</td>
</tr>
<tr>
<td><b>Telefono:</b></td>
<td colspon="2">
<input type="text" name="telefono">
</td>
</tr>
<tr>
<td><b>Celular:</b></td>
<td colspon="2">
<input type="text" name="celular">
</td>
</tr>
<tr>
<td><b>Correo:</b></td>
<td colspon="2">
<input type="text" name="correo">
</td>
</tr>
<tr>
<td><b>Perfil:</b></td>
<td colspon="2">
<textarea name="areaperfil" rows="4" cols="50" ></textarea>
</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><input type="submit" value="Aceptar"></td>
</tr>
</form>
</body>
</html>