problema con validacion con jquery

[leo_rock]

buenas compañeros tengo un problema que me lleva casi todo el dia
estoi tratando de validar un formulario que envio por jquery $.ajax
el problema es que se salta la validacion e visto algo del evento preventDefault
para que antes de enviar el formulario me validara y despues de validar enviara la funcion del ajax pero no logro consevir como usarlo si algien me puede echar una mano lo agradaceria estoi usando jquery.validate

[kokoou]

Mira los eventos de Ajax

O sino fijate en las opciones de $.ajax, el parametro BeforeSend !

[leo_rock]

ocupe la funcion de ajax beforeSend pero no funciona.

Código PHP:

          $.ajax({
            url: 'nuevo-emp.php',
            beforeSend:function(){$('#frm_add_emp').validate()},
            type: "POST",
            data: "submit=&rut="+rut+"&nombre="+nombre+"&apellido="+apellido+"&tipo="+tipo+"&emp="+emp+"&mail="+mail+"&call="+call+"&num="+num+"&ciudad="+ciudad+"&comuna="+comuna+"&tele="+tele+"&supe="+supe,
            success: function(datos){
                $("#madre").html(datos);
            }
        });
        return false; 
   

pruebo con eso pero tampoko peska la validacion

[mayid]

Tendrías que ver si la validacion te devuelve true false. Si es así, aprovechalo para darle lugar al envio de formulario...

[leo_rock]

xD eso es lo que no se como se hace
u.u en que parte debo poner un if o algo asi no se como devuelve el parametro el validate()

[mayid]

Tenes un enlace a la pagina del autor de tu validate()? ASi lo buscamos.

[leo_rock]

desde aki descarge el pluning
[URL="http://bassistance.de/jquery-plugins/jquery-plugin-validation/"]http://bassistance.de/jquery-plugins/jquery-plugin-validation/[/URL]

y aqui hay documentacion pero no e encontrado ninguna manera

[URL="http://docs.jquery.com/Plugins/Validation"]http://docs.jquery.com/Plugins/Validation[/URL]

Mayid de ante mano gracias siempre respondes las inquietudes, gracias por eso

[kokoou]

Código Javascript:

$.ajax({
            url: 'nuevo-emp.php',
            beforeSend:function(){ alert( $('#frm_add_emp').validate() ); },
            type: "POST",
            data: "submit=&rut="+rut+"&nombre="+nombre+"&apellido="+apellido+"&tipo="+tipo+"&emp="+emp+"&mail="+mail+"&call="+call+"&num="+num+"&ciudad="+ciudad+"&comuna="+comuna+"&tele="+tele+"&supe="+supe,
            success: function(datos){
                $("#madre").html(datos);
            }
        });
        return false;
 

Probá así y fijate la respuesta que obtenes del validate() para el caso que tendría que dar true(1) y para el caso que tendría que ser false(2).

y si es así, solo tendrías que hacer un if de la respuesta. Algo así:

Código Javascript:

$.ajax({
            url: 'nuevo-emp.php',
            beforeSend:function(){
                 if(!$('#frm_add_emp').validate()) { return false; }
               },
            type: "POST",
            data: "submit=&rut="+rut+"&nombre="+nombre+"&apellido="+apellido+"&tipo="+tipo+"&emp="+emp+"&mail="+mail+"&call="+call+"&num="+num+"&ciudad="+ciudad+"&comuna="+comuna+"&tele="+tele+"&supe="+supe,
            success: function(datos){
                $("#madre").html(datos);
            }
        });
        return false;
 

Solo le haría un return false, porque el validate se encarga de mostrar los errores según veo.

[mayid]

Aca esta:

$("#myform").validate({

submitHandler: function(form) {


$.ajax({
url: 'nuevo-emp.php',
beforeSend:function(){$('#frm_add_emp').validate() },
type: "POST",
data: "submit=&rut="+rut+"&nombre="+nombre+"&apellido="+ apellido+"&tipo="+tipo+"&emp="+emp+"&mail="+mail+" &call="+call+"&num="+num+"&ciudad="+ciudad+"&comun a="+comuna+"&tele="+tele+"&supe="+supe,
success: function(datos){
$("#madre").html(datos);
}

});


}

})

La clave es submitHandler.

[leo_rock]

lo deje asi

Código PHP:

  $("#frm_add_emp").validate({    
   
   submitHandler: function(form) {
       
      $.ajax({
        url: 'nuevo-emp.php',
        type: "POST",
        data: "submit=&rut="+$("#add_rut").val()+"&nombre="+$("#add_nombre").val()+"&apellido="+$("#add_apel").val()+"&tipo="+$("#add_tipo").val()+"&emp="+$("#add_emp").val()+"&mail="+$("#add_mail").val()+"&call="+$("#add_call").val()+"&num="+$("#add_num").val()+"&ciudad="+$("#add_ciu").val()+"&comuna="+$("#add_com").val()+"&tele="+$("#add_tel").val()+"&supe="+$("#add_super").val(),
            success: function(datos){
                $("#madre").html(datos);
            }
        });
   }
}); 
   

pero ahora no hay respuesta, valida pero no sucede nada.

[mayid]

Se me ocurren tres cosas:

1.- que lo uses en combinacion con AjaxForm:
http://www.malsup.com/jquery/form/#validation

2.- que intentes esto:
if ($("#myform").validate().form() == true){
// procesar
}


3.- Encontrar la manera de que tu llamada a $.ajax esté ligada al formulario. Así como lo planteamos estan desligados (usualmente se ligan con el evento click).

[mayid]

Creo que lo que dijo kokoou también debería funcionar. Aunque yo lo plantearía así:

beforeSend:function(){
if(!$("#myform").validate().form()) { return false; }
},

[leo_rock]

me arte de probar de todas las formas que se me pudo ocurrir
y depues de hacer hartas pruebas me di cuenta que el

Código PHP:

  $('#myform').validate().form() 
   

no devuelve true ni false, aunke asi sale en la documentacion del jquery, lo que me devuelve un boolean era por ejemplo

Código PHP:

  $('#add_rut').valid() 
   

asi que lo que ise aunke no creo que sea lo optimo es

Código PHP:

  if($('#add_rut').valid()==true || $('#add_nombres').valid()==true || $('#add_apel').valid()==true || $('#add_cui').valid()==true || $('#add_com').valid()==true || $('#add_num').valid()==true || $('#add_call').valid()==true || $('#add_mail').valid()==true){
// aka el ajax 
   

bueno eso no si hay alguna forma de simplificar el if aunke esta medio karretero por lo menos funciona y puedo enviar y utilizar todas las funciones del $.ajax ya validado

[leo_rock]

hay me funciono bn

Código PHP:

  $('#env').bind('click',function(event){
    if($('#frm_add_emp').valid()==false){
    return false;
    }else{
    return true;
    }
  }); 
   

y la llamada a la funcion ajax la ago en el <form onsubmit="Funcion(); return false">