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