Ver Mensaje Individual
  #4 (permalink)  
Antiguo 31/12/2011, 18:54
Avatar de dual3nigma
dual3nigma
Colaborador
 
Fecha de Ingreso: febrero-2010
Ubicación: Ciudad de México
Mensajes: 295
Antigüedad: 14 años, 9 meses
Puntos: 122
Respuesta: Validar el formulario, y si esta todo bien enviar datos

Hola alexpramer, lo que comentas esta un poco extraño ya que como se enviara el formulario si al final ya no tienes campo que cliquear? Debes de pensar en usuabilidad, de cualquier forma esto te debería de ayudar a iniciar, es lo que comentas:

Código HTML:
Ver original
  1. <!doctype html>
  2.     <meta charset="utf-8" />
  3.     <title></title>
  4.    
  5.     <style>
  6.     .error {
  7.         color:red;
  8.     }
  9.  
  10.     .error input {
  11.         border-color:red;
  12.     }
  13.     </style>
  14.     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  15.     <script>
  16.  
  17.     jQuery(function ($) {
  18.         String.prototype.isEmpty = function (str) { return $.trim(this).length == 0 };
  19.  
  20.         $('form input').focus(function () {
  21.             // para todos los inputs adicionales
  22.             $(this).parent().prevAll().find('input').each(function () {
  23.                 var $self = $(this);
  24.  
  25.                 // resetea el estado del input
  26.                 $self.parent().removeClass('error');
  27.  
  28.                 if($self.is('.required') &&
  29.                     /* haces tu validacion */
  30.                     $self.val().isEmpty()) {
  31.                    
  32.                     // si hay errores
  33.                     $self.parent().addClass('error');
  34.                 }
  35.             });
  36.         });
  37.     });
  38.     </script>
  39. </head>
  40.     <form>
  41.         <p>Nombre de usuario:  <input type="text" class="required" /></p>
  42.         <p>Correo electronico: <input type="email" class="required" /></p>
  43.         <p>Otra cosa:  <input type="text" class="required" /></p>
  44.     </form>
  45. </body>
  46. </html>


Saludos!