утверждение формуляра посредством ajax и jquery-validate

Хорошие у меня есть следующая проблема, я реализовал функцию, чтобы мочь обновлять мои данные с PHP и Codeigniter, используя AJAX также. все функционирует хорошо, но оказывается, что я хочу санкционировать мой формуляр используя jquery-validate перед тем, как реализовывать просьбу AJAX, для этого уже у меня есть мои правила утверждения и мой код - следующий:

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

Код функционирует хорошо. обновляет мои данные. сейчас мое сомнение состоит в том, чтобы добавлять где следующий код с моими правилами утверждения:

$('#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);
            }
});
0
задан 24.01.2017, 16:05
0 ответов

добавь это в тебе

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

и потом добавь, что это в тебе санкционируй тебя

$( "#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();
        }
  });
});
1
ответ дан 03.12.2019, 17:31
  • 1
    привет, спасибо за ответ. часть submitHandler. она разместила внутри моей функции издавать? что обменная часть в этом месте –  24.01.2017, 16:46
  • 2
    Размести ее внутри тебя санкционируй тебя, я издаю có я говорю для большей ясности –  24.01.2017, 16:54
  • 3
    очень хорошо и моя функция издавать, остается таким каков? он ничего не изменил бы? –  24.01.2017, 16:57
  • 4
    если у тебя есть она в твоем тогда action твоего form не cambiarí ни в pondrí в в ningú n другое место, протестируй это и чтобы видеть, что такой –  24.01.2017, 16:58
  • 5
    я это протестировал, если я могу обновлять данные, но меня не санкционирует ничто :( –  24.01.2017, 17:07