Foros del Web » Programando para Internet » Jquery »

Validacion de campos y envío del formulario con JavaScript y Ajax

Estas en el tema de Validacion de campos y envío del formulario con JavaScript y Ajax en el foro de Jquery en Foros del Web. Estoy haciendo un formulario de contacto, y utilizo ajax, para que quede mas bonito y vistoso.. el tema es que al intentar validar los campos.. ...
  #1 (permalink)  
Antiguo 31/01/2014, 16:38
 
Fecha de Ingreso: enero-2014
Mensajes: 3
Antigüedad: 10 años, 2 meses
Puntos: 0
Pregunta Validacion de campos y envío del formulario con JavaScript y Ajax

Estoy haciendo un formulario de contacto, y utilizo ajax, para que quede mas bonito y vistoso.. el tema es que al intentar validar los campos.. me surge un gran problema, me deja validar pero no me envía el mensaje, o me envía el mensaje peno no me valida.. el código que utilizo es el siguiente. En la línea 28 donde se encuentra el alert de la validación, habia pensado en escribir mi código de envio, pero no me permite.. Leí, que hay que poner form.submit(); para que envíe los datos, pero no decía donde,y ya intente de mil maneras, y no tengo idea.. Me podrían ayudar??! Se los agradezco!!!

Código PHP:
<script type="text/javascript" src="js/jquery_1.4.js"></script>
<script type="text/javascript" src="js/jquery_validate.js"></script>
<script type="text/javascript">
$(function(){
    $('#formInscripcion').validate({
        rules: {
        'nombre': 'required',
        'asunto': 'required',
        'mensaje': 'required',
        'numero_identidad': { required: true, number: true },
        'email': { required: true, email: true },
        'tipo_identidad': 'required',
        'deportes[]': { required: true, minlength: 1 }
        },
        messages: {
        'nombre': 'Debe ingresar el nombre',
        'asunto': 'Debe ingresar el asunto',
        'mensaje': 'Debe ingresar el mensaje',
        'numero_identidad': { required: 'Debe ingresar el número de télefono', number: 'Debe ingresar un número' },
        'email': { required: 'Debe ingresar un correo electrónico', email: 'Debe ingresar el correo electrónico con el formato correcto. Por ejemplo: [email protected]' },
        'tipo_identidad': 'Debe ingresar el número de documento',
        'deportes[]': 'Debe seleccionar mínimo un deporte'
        },
        debug: true,
        /*errorElement: 'div',*/
        //errorContainer: $('#errores'),
        submitHandler: function(form){ 
            alert('El formulario ha sido validado correctamente!');
        //COMIENZO DEL ENVIO DEL MSJ
            $(document).ready(function() {
        $("#enviar").click(function(){
            $("#formcontacto").fadeTo("1000",0,function() {
                $("#msj").html("Enviando..");
                $("#msj").show(1000);
                $.post("envio.php", { nombre: $("#apyn").val(), email: $("#email").val(), telefono: $("#telefono").val(), asunto:$("#asunto").val(), mensaje: $("#mensaje").val()},function(respuesta) {
                $("#msj").fadeOut(500,function(){
                    if(respuesta.estado=="1"){
                        $("#msj").html("Mensaje enviado.");
                        $("#msj").fadeIn(1000);
                        setTimeout("location.href='?seccion=contacto'",2000);
                        }
                    else {
                        $("#msj").html("Error al enviar el mensaje.");
                        $("#msj").fadeIn(500);
                        setTimeout("location.href='?seccion=contacto'",2000);
                        }
                    });
                }, "json");
            });
        });
    });// FIN DEL ENVIO DEL MSJ
        }
    });
});
</script>
<br /><div class="titulo">Contacto</div><br />

<div class="infocontacto"><br /><br />
<big><font color="red"><i>DeOeSe Soluciones</i></font>
<br /><br />
9 de Julio 978 - Gral. Cabrera <br />
Tel. 0358- 493xxxx / 154833747<br />
[email protected]<br /></big>
</div>
<div class="infocontacto">
<div id="formcontenedor">
    <div id="msj"> </div>
    <div id="formcontacto">
    <form id="formInscripcion" method="post" action="">
            <p><label for="nombre">Apellido y Nombre <font color="red">*</font></label><br />
                <input type="text" name="nombre" id="nombre" /></p>
            <p><label for="email">E-mail <font color="red">*</font> <br /></label> 
                <input type="text" name="email" id="email" /></p>
            <p><label for="numero_identidad">Telefono<font color="red">*</font> <br /></label> 
                <input type="text" name="numero_identidad" id="numero_identidad" /></p>
            <p><label for="apellido">Asunto<font color="red">*</font> <br /></label>
                <input type="text" name="asunto" id="asunto" /></p>
            <p><label for="mensaje">Mensaje<font color="red">*</font> <br /></label>
                <textarea name="mensaje" id="mensaje" cols="30" rows="5"></textarea>
            </p>
        <p><input type="submit" name="enviar" value="Enviar" /></p>
    </form>
</div></div></div> 
  #2 (permalink)  
Antiguo 04/02/2014, 13:28
 
Fecha de Ingreso: enero-2014
Mensajes: 3
Antigüedad: 10 años, 2 meses
Puntos: 0
Respuesta: Validacion de campos y envío del formulario con JavaScript y Ajax

alguien que me ayude!! Porfavor.. no logro solucionar este problema y necesito terminar!

Etiquetas: ajax, campos, formulario, html, input, javascript, js, validacion
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:13.