0

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

1 respuesta 1

1

agregalo en tu

$( document ).ready(function() {
});

y luego agrega esto en tu validate

$( "#form_editar" ).submit(function( event ) {
  event.preventDefault();
  $('#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);
        },
        submitHandler: function(form) {
          form.submit();
        }
  });
});
7
  • hola, gracias por responder. la parte del submitHandler.. la coloco dentro de mi funcion editar? que parte cambiaria en ese lugar
    – FeRcHo
    Commented el 24 ene. 2017 a las 14:46
  • Colocala dentro de tu validate, edito el código para mayor claridad
    – Sr1871
    Commented el 24 ene. 2017 a las 14:54
  • muy bien y mi funcion editar, queda tal cual? no cambiaria nada?
    – FeRcHo
    Commented el 24 ene. 2017 a las 14:57
  • si la tienes en tu action de tu form entonces no cambiaría ni se pondría en ningún otro lugar, pruebalo y a ver que tal
    – Sr1871
    Commented el 24 ene. 2017 a las 14:58
  • lo probe, si puedo actualizar los datos, pero no me valida nada :(
    – FeRcHo
    Commented el 24 ene. 2017 a las 15:07

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.