Ver Mensaje Individual
  #4 (permalink)  
Antiguo 10/01/2013, 13:38
misalabs
 
Fecha de Ingreso: enero-2013
Mensajes: 8
Antigüedad: 11 años, 3 meses
Puntos: 0
Respuesta: mensaje de envío formulario

Hola, puedes hacer algunas cuantas validaciones para que cuando esten llenos los campos te muestre el msj de alerta, algo asi como:


Código Javascript:
Ver original
  1. if(usuario != "" && apellido1 != "" && apellido2 != "" && localidad != "" && codigo != "" && telefono != "" && email != ""){
  2.             alert("Usurio: "+usuario+"Asunto: "+asunto);
  3.         }else{
  4.             alert("Completa todos los campos")
  5.         }
Ahora, esto es "validacion de formularios" si quieres hacerlo un poco mas dinamico y con algo de Jquery puedes hacerlo con una libreria llamada jquery.validate.js http://docs.jquery.com/Plugins/Validation es muy completa y te ayuda a validar ciertos aspectos por ejemplo que un campo de "email" contenga la estrcutura de un email, un minimo-maximo de caracteres en un campo, un campo sea necesario o no.
Te pongo un ejemplo de un formulario de "Contacto" tienes de importar la libreria Jquery y Jquery.validate.js

Código HTML:
 <form id='formContacto' >
            <div><label>Nombre</label> <input type='text' id='nombre' name='nombre' /><br></div>
            <div><label>E-mail</label> <input type='text' id='email' name='email' /><br></div>
            <div><label>Web</label> <input type='text' id='web' name='web' /><br></div>
            <div><label>Asunto</label><input type='text' id='asunto' name='asunto' /><br></div>
            <div><label>Mensaje</label> <textarea id='msj' name='msj' tabindex="1" rows='10' cols='50' ></textarea><br></div>
            <input type='submit' id="btnContacto" class='btn' value='Enviar'/>
        </form> 
Código Javascript:
Ver original
  1. $(document).ready( function(){
  2.     $("#formContacto").validate({
  3.         rules: {
  4.             nombre: { required: true },
  5.             email: { required: true, email: true },
  6.             web: { required: false },
  7.             asunto: { required: true },
  8.             msj: { required: true }
  9.         },
  10.         messages: {
  11.             nombre: "*Campo requerido",
  12.             email: "*Campo requerido con formato de email",
  13.             asunto: "*Campo requerido",
  14.             msj: "*Campo requerido",
  15.         },
  16.         debug: true,
  17.         submitHandler: function(form){
  18.            var dataString = "nombre="+$("#nombre").val()+"&email="+$("#email").val()+"&web="+$("#web").val()+"&asunto="+$("#asunto").val()+"&msj="+$("#msj").val();
  19.            $.ajax({
  20.                 type: "POST",
  21.                 url: "email.php",
  22.                 contentType: "application/x-www-form-urlencoded",
  23.                 processData: true,
  24.                 data: dataString,
  25.                 success: function(resp){
  26.                     if(resp == 0)
  27.                         alert("Ocurrio un error en el servidor :(");
  28.                     else{
  29.                         alert("Enviado correctamente");
  30.                         $("#nombre").val(null);
  31.                         $("#email").val(null);
  32.                         $("#web").val(null);
  33.                         $("#asunto").val(null);
  34.                         $("#msj").val(null);
  35.                     }
  36.  
  37.                 }
  38.            });
  39.        }
  40.     });
  41. });