jQuery Validate, validar en button

[jesusjj]

Buenos días:

Tengo una duda, que aunque he solventado 'dando una vuelta' y por otro método, me gustaría saber cómo se podría hacer.

El tema es que tengo un formulario que no envío mediante submit, si no por un 'button' y me gustaría saber si se puede hacer la validación con el jQuery Validate a este tipo de envío, es decir, sin necesidad de que espere al submit. Vamos, que me lío , asociar la validación al evento onclick de un button, en vez de a un submit.

Muchas gracias de antemano,

Saludos

[mayid]

Y si le pones type="submit" a tu button?

[jesusjj]

Buenas tardes:

El caso en concreto con el que me ha surgido la duda, es porque estoy procesando el formulario con xajax y no lo envío por submit, si no que llamo a una función desde un botón.

He hecho la validación directamente con xajax, pero creo que es más cómoda la validación con el plugin.

He visto por ahí, que hay una forma de modificar el submitHandler, o algo así, pero no me ha quedado claro.

Saludos.

[hector2c]

mmmmm, en el caso que desees procesarlo con ajax, puedes usar el submit, la alteración estaría en el action del form:

Código PHP:

  <form action='javascript: fn_agregar();' ... ... ..> 
   

cosa que en la fn_agregar, puedes poner tus aportes ajax...

Código PHP:

  function fn_agregar(){
  /* aqui viene tu código ajax... y el formulario no se envia por que el action no es una dirección, sino una funcion javascript :P */
} 
   

[read424]

Yo creo que llegue un poco tarde para la solución. en mi caso siempre que utilizo ajax utilizo el methodo

Código Javascript:

var validator =jQuery("#idformulario").validate({
                    errorLabelContainer:jQuery("#alert_mensaje"),
                    rules:{
                        dni:{digits:true}, 
                                                apellidos:{required:true}, 
                                                nombres:{required:true}
                                        },messages:{
                        dni:{digits:"Ingrese solo valores numericos"}, 
                                                apellidos:{required:"este campo es obligatorio"}, 
                                                nombres:{required:"este campo es obligatorio"}
                                       },
                    submitHandler: function(){
                        jQuery.ajax({type:'POST', url:'../controlador/procesoajax.php', data:jQuery("#idformulario").serialize(), 
                            beforeSend:function(){
                                jQuery('#dialog').empty().append("Procesando informacion...").dialog('open');
                            }, 
                            success:function(data, textStatus, XMLHttpRequest){
                                                        //resultado con ajax
                            }
                        });
                    }
            });
 

[Poloq]

Llego tarde a la pregunta inicial, de todas formas la respondo por si alguien tiene el mismo problema.

Supongamos que tenes un botón "btenviar" type "button" y el formulario a enviar se llama "formulario" entonces el código quedaría así.

Código Javascript:

<script type="text/javascript">
 
$(document).ready(function(){
$("#formulario").validate();
    
$("#btenviar").click(function(){
$("#formulario").submit();  
});
    
});
 
</script>
 

La lógica es crear un evento click al botón en jquery que envíe el formulario. Al hacer el submit por jquery también funciona la validación.

[jesusjj]

Muchas gracias:

Ahora he cambiado un poco la forma de validarlos, hago algo parecido. Capturar el evento onclick, para posteriormente validar/procesar mediante ajax y finalmente devolver la respuesta.

Saludos.