Skip to main content

validar formulario con jquery-validate en ajax

Buenas tengo el siguiente problema, he realizado una función guardar con PHP y Codeigniter, utilizando AJAX también.. todo funciona bien, pero resulta que quiero validar mi formulario usando jquery-validate antes de realizar la petición AJAX, para eso ya tengo mis reglas de validación y mi código es el siguiente:

$(document).ready(function() {
    
    $("#form_create").unbind('submit').bind('submit', function() {
        var form = $(this);

        $.ajax({
            url: form.attr('action'),
            type: form.attr('method'),
            data: form.serialize(),
            dataType: 'json',
            success:function(response) {
                if(response.success === true) {
                    $(".messages").html('<div class="alert bg-blue alert-dismissible" role="alert">'+
                      '<strong><span class="glyphicon glyphicon-ok-sign"></span> </strong>'+response.messages+
                    '</div>').fadeIn().delay(4000).fadeOut('slow');

                    $("#form_create")[0].reset();
            
                } else {
                    
                    $(".messages").html('<div class="alert bg-red alert-dismissible" role="alert">'+
                    '<strong> <span class="glyphicon glyphicon-remove-sign"></span> </strong>'+response.messages+
                    '</div>');
                }
            }
        }); 
        return false;
    });

});

El código funciona bien.. y guarda.. ahora mi duda es donde agregar el siguiente código con mis reglas de validación:

$('#form_create').validate({

            highlight: function (input) {
                $(input).parents('.form-line').addClass('error');
            },
            unhighlight: function (input) {
                $(input).parents('.form-line').removeClass('error');
            },
            errorPlacement: function (error, element) {
                $(element).parents('.form-group').append(error);
            }
});

FeRcHo
  • 644
  • 3
  • 18
  • 36