Skip to main content

jQuery-Validate en petición AJAX

Quisiera saber cómo realizar lo siguiente, tengo una funcion para poder editar los datos de un formulario, utilizando CodeIgniter y AJAX, pero quiero validarlo con jQuery-Validate. ¿Cómo lo haría antes de la petición? Este es mi codigo, funciona bien:

function edit(id = null) {

    if (!id) {
        alert('error');
        return;
    }
    $.ajax({
        url: 'roles/get_data_id/' + id,
        type: 'post',
        dataType: 'json',
        success: function(response) {
            $("#edit_name").val(response.Name);
            $("#edit_description").val(response.Description);      

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

                $.ajax({
                    url: form.attr('action') + '/' + id,
                    type: 'post',
                    data: form.serialize(),
                    dataType: 'json',
                    success: function(response) {
                        if(response.success === true) {
                            $("#modal_edit").modal('hide');

                            alert('se actualizo');

                            $("#form_edit")[0].reset();
                            table_data.ajax.reload(null, false);  
                        } else {
                            $("#modal_edit").modal('hide');
                            alert('Error al actualizar');
                        }
                    }// /succes
                }); // /ajax
                return false;  
            });       
        }
    });
}

... y este es el código que no sé donde agregarlo, son mis reglas de validación.

$('#form_edit').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);
    }
});

max
  • 241
  • 1
  • 6
  • 16