Bueno estoy usando dos plugins para un formulario dinamico, el primero es el jquery.validate que permite verificar la entrada de datos en el formulario el segundo es el jquery.form que permite enviar un formulario al servidor sin recargar la pagina, ambos me funcionan bien por separado pero no se como hacerlos trabajar uno tras otro para que valide primero y si no hay errores enviar el formulario, adjunto el codigo de ambas funciones que se aplican sobre el formulario el cual tiene por id "frmGenerarOrdenCompra"
Código PHP:
$(document).ready(function(){
//Validar
$('#frmGenerarOrdenCompra').validate(
{
rules:
{
'txtFechaEntrega':'required',
'cmbProveedor':'required'
},
messages:
{
'txtFechaEntrega': 'Debe especificar la fecha de entrega de los elementos',
'cmbProveedor': 'Por favor seleccione un proveedor'
},
debug:false,
errorElement: "em",
errorClass: "errores", // Definir estilo con CSS
});
//Enviar form sin recargar pagina, se muestra la respuesta de la pagina del server en un div
$('#frmGenerarOrdenCompra').ajaxForm(function (resultado){
$('#mostrarMensaje').fadeOut(function(){
$('#mostrarMensaje').html(resultado).fadeIn('slow');
});
});
});
Mi segundo problema es que el formulario me carga campos de manera dinamica
para ser mas especificos unos text llamados txtPrecio1, txtPrecio2, txtPrecioN, como pudo usar el plugin validate para que me valide estos campos?
Gracias de antemano.