Модальная форма не сохраняет данные с помощью jquery
Итак, у меня есть модальная форма, которая содержит эту форму, я могу вызвать форму с помощью jquery, а также передать необходимые данные для определенного элемента в моей таблице, который я пытаюсь редактировать, но когда я нажимаю сохранить/отправить, ничего не происходит, и обновленная информация не сохраняется, а модальная форма просто остается на месте. так что любая помощь будет оценена по достоинству
Jquery
$('#office-expense tbody').on('click', '.edit-btn', function (e) {
e.preventDefault();
var $this = $(this);
let item = $this.parents(".record").find('td').eq(1).text();
let amount = $this.data('amount');
let date = $this.data('date');
let method = $this.parents(".record").find('td').eq(4).text();
let trustee = $this.parents(".record").find('td').eq(5).text();
$("#editForm input[name='item']").val(item);
$("#editForm input[name='amount']").val(amount);
$("#editForm input[name='date']").val(date);
$("#editForm input[name='method']").val(method);
$("#editForm input[name='trustee']").val(trustee);
$('#editModal').modal('show');
});
$('#editForm').on('submit', function(e){
e.preventDefault();
e.stopPropagation();
var $this = $(this);
var valid = true;
$('#editForm input').each(function(){
let forms = $(this);
if(forms.val()){
valid = false;
$this.parents('.validate').find('.mySpan').text('The' +$this.attr("name").replace(/[\_]+/g), '')+ 'field is required'
}
});
if(valid){
let data = $this.serialize();
$.ajax({
url: "{% url 'edit_office' %}",
type: 'POST',
data: data,
dataType: 'json',
success: function(resp){
if(resp.message == 'success'){
alert('Updated Successfully');
$('$editModal').modal('hide');
} else{
alert(resp.message)
}
},
error:function(resp){
console.log('error updating form')
},
});
}
return false;
});
модальный с формой