Ver Mensaje Individual
  #11 (permalink)  
Antiguo 23/09/2012, 23:53
Avatar de anewryzm
anewryzm
 
Fecha de Ingreso: septiembre-2011
Mensajes: 47
Antigüedad: 13 años, 2 meses
Puntos: 7
Respuesta: Form HTML5, PHP, CSS y cosicas raras..

Aquí te dejo un código.
Te recomiendo estudiarlo.
Perdón por la pequeña explicación, pero creo que con unas leídas es suficiente.

Lo que hace el código es que al presionar el boton "Enviar" - (Se utiliza un botón osea --> input type="button" no un --> input type="submit") - El script valida el primer campo de nombre "nom" y analiza si está vacio.

Código Javascript:
Ver original
  1. ...
  2. if (form.nom.value==0)
  3.     {
  4. ...

Y así sucesivamente con el resto de los campos.
Pero si te percatas, cada análisis contiene un "return false;" y esto es para que se detenga el script.

Al final se envía el formulario con un:

Código Javascript:
Ver original
  1. ...
  2. document.form.submit();
  3. ...

Código Javascript:
Ver original
  1. function validar()
  2. {
  3.     var form =document.form;
  4.     if (form.nom.value==0)
  5.     {
  6.         alert("ingrese el nombre");
  7.         form.nom.value="";
  8.         form.nom.focus();
  9.         return false;
  10.     }
  11.     if (form.tel.value==0)
  12.     {
  13.         alert("ingrese el telefono");
  14.         form.tel.value="";
  15.         form.tel.focus();
  16.         return false;
  17.     }
  18.     if (form.correo.value==0)
  19.     {
  20.         alert("ingrese el E-Mail");
  21.         form.correo.value="";
  22.         form.correo.focus();
  23.         return false;
  24.     }
  25.    
  26.     document.form.submit();
  27. }

Espero te sirva de mucho.
Saludos.
Sígueme en Twitter: @Anewryzm
__________________
@Anewryzm