Buenas tengo el siguiente problema, he realizado una función para poder actualizar mis datos 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:
function editar(id = null)
{
if(id) {
$.ajax({
url: 'roles/get_datos_id/'+id,
type: 'post',
dataType: 'json',
success:function(response){
$("#edit_nombre").val(response.Nombre);
$("#edit_descripcion").val(response.Descripcion);
$("#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_editar").modal('hide');
alert('se actualizaron los datos');
$("#form_edit")[0].reset();
tabla_datos.ajax.reload(null, false);
}else{
$("#modal_editar").modal('hide');
alert('error al actualizar los datos');
}// /succes
}); // /ajax
return false;
});
}
});
}
else {
alert('error');
}
}
El código funciona bien.. actualiza mis datos.. ahora mi duda es donde agregar el siguiente código con mis reglas de validación:
$('#form_editar').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);
}
});