Ver Mensaje Individual
  #1 (permalink)  
Antiguo 07/03/2011, 14:52
Kirlian
 
Fecha de Ingreso: febrero-2010
Mensajes: 4
Antigüedad: 14 años, 3 meses
Puntos: 0
Como validar un formulario

Hola!!

Estoy completamente perdido en este tema y por más que intento soluciones no soy capaz de hacerlo funcionar. Básicamente lo que tiene que pasar es que los campos con asterisco tiene que validarlos marcandolo en verde si es correcto o en rojo si no lo es, todo esto tras pulsar el botón de enviar.

Si me pueden echar una mano, por poco que sea lo agradeceré.

Un saludo.

Código:
<html>
<head>
<title>Prueba</title>

<link href="style/prx1.css" type="text/css" rel="stylesheet" />

</head>
<body>
<table class="exterior">
	<tr>
		<td class="exterior">
			<table class="interior">
				<tr>
					<th colspan="2">
						Formulario de contacto
					</th>
				</tr>
				<form name="formulario">
					<tr>
						<td class="tittle">
							Nombre*
						</td>
						<td class="content">
							<input type="text">
						</td>
					</tr>
					<tr>
						<td class="tittle">
							Apellidos*
						</td>
						<td class="content">
							<input type="text">
						</td>
					</tr>
					<tr>
						<td class="tittle">
							Sexo*
						</td>
						<td class="content">
							<select size="1"> 
								<option value=""></option> 
								<option value="Hombre">Hombre</option> 
								<option value="Mujer">Mujer</option> 
							</select>
						</td>
					</tr>
					<tr>
						<td class="tittle">
							Fecha de nacimiento*
						</td>
						<td class="content">
							<input type="text">
						</td>
					</tr>
					<tr>
						<td class="tittle">
							Numero de teléfono
						</td>
						<td class="content">
							<input type="text">
						</td>
					</tr>
					<tr>
						<td class="tittle">
							Correo electrónico
						</td>
						<td class="content">
							<input type="text">
						</td>
					</tr>
					<tr>
						<td class="tittle">
							Aficiones*
						</td>
						<td class="content">
							<select> 
								<option value="Fotografia">Fotografía</option> 
								<option value="Musica">Música</option> 
								<option value="Cine">Cine</option> 
								<option value="Viajar">Viajar</option>
								<option value="Lectura">Lectura</option> 
							</select>
						</td>
					</tr>
					<tr>
						<td colspan="2" align="center">
							<input type="submit" value="Aceptar">
						</td>
					</tr>
				</form>
			</table>
		</td>
	</tr>
</table>
</body>
</html>