Skip to main content
Mejorando gramática y formato.
Origen Enlace

jquery jQuery-validateValidate en peticion ajaxpetición AJAX

buenas quisiera saver comoQuisiera saber cómo realizar lo siguiente.., tengo una funcion para poder editar los datos de un formulario.., utilizando codeigniterCodeIgniter y ajaxAJAX, pero qieroquiero validarlo con jquery-validate,jQuery-Validate. ¿Cómo lo haría antes de la peticion como lo hariapetición? esteEste 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 codigocódigo que no se donde agregarlo, son mis reglas de validacion.validación.

jquery-validate en peticion ajax

buenas quisiera saver como realizar lo siguiente.. tengo una funcion para poder editar los datos de un formulario.. utilizando codeigniter y ajax, pero qiero validarlo con jquery-validate, antes de la peticion como lo haria? 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 codigo que no se donde agregarlo son mis reglas de validacion..

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 donde agregarlo, son mis reglas de validación.

Origen Enlace
max
  • 241
  • 1
  • 6
  • 16

jquery-validate en peticion ajax

buenas quisiera saver como realizar lo siguiente.. tengo una funcion para poder editar los datos de un formulario.. utilizando codeigniter y ajax, pero qiero validarlo con jquery-validate, antes de la peticion como lo haria? 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 codigo que no se donde agregarlo son mis reglas de validacion..

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