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:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-html -->

    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;  
                });       
            }
        });
    }

<!-- end snippet -->

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

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-html -->

    $('#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);
        }
    });
<!-- end snippet -->