07/07/2009, 05:58
|
| | | Fecha de Ingreso: octubre-2008 Ubicación: Madrid
Mensajes: 495
Antigüedad: 16 años, 2 meses Puntos: 66 | |
Respuesta: Validar formulario Otra (para que tengas donde elegir... :)
En este caso el botón siempre es visible pero no te dejará darle hasta que todos los campos estén cumplimentados (aparece un aviso de qué campo falta por cumplimentar)
<script type="text/javascript">
function validar()
{
//declaramos todos los campos en forma de variables
var grupo = document.getElementById('grupo');
var contacto = document.getElementById('contacto');
var telefono = document.getElementById('telefono');
var mail = document.getElementById('mail');
//comprobamos si alguno de los campos obligatorios están vacíos
if(grupo.value == '' || contacto.value == '' || telefono.value == '' || mail.value == '')
{
//alguno está vacio. Ahora averiguamos por orden cual es y avisamos al usuario
if(grupo.value == '')
{alert('No ha escrito Nombre de Grupo/Empresa');grupo.focus();}
else if(contacto.value == '')
{alert('No ha escrito Persona de contacto');contacto.focus();}
else if(telefono.value == '')
{alert('No ha escrito Teléfono');telefono.focus();}
else if(mail.value == '')
{alert('No ha escrito E-mail');mail.focus();}
}
//si todos los campos están cumplimentados no sale aviso y nos permite continuar
}
</script>
<body>
<form id="form_presupuesto" name="form1" method="post" action="enviar_presupuesto2.php" class="textonoticia">
<legend class="style5">Datos personales </legend>
<dl>
<label for="grupo">
<dt>Nombre de Grupo/Empresa *</label></dt>
<dd><input name="grupo" type="text" class="small"/></dd>
<label for="contacto">
<dt>Persona de contacto *</label></dt>
<dd><input name="contacto" type="text" class="small" /></dd>
<label for="telefono">
<dt>Teléfono *</label></dt>
<dd><input name="telefono" type="text" class="small" /></dd>
<label for="mail">
<dt>E-mail *</label></dt>
<dd><input name="mail" type="text" class="small" /></dd>
</dl>
* Datos obligatorios
<input name="borrar" type="reset" id="borrar" value="Borrar" />
<input type="submit" onmouseover="validar()" name="enviar" id="enviar" value="Enviar" />
</form>
</body>
salu2 |