Ver Mensaje Individual
  #7 (permalink)  
Antiguo 07/07/2009, 05:58
Avatar de ceSharp
ceSharp
 
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&nbsp;</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&eacute;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