Как предотвратить отправку форм по умолчанию, загружаемых через Ajax, в этом приложении Laravel 8? ⇐ Jquery

[Anonymous]

Я создал приложение для ведения блога в Laravel 8. В настоящее время я работаю над добавлением ответов на комментарии с помощью jQuery (v3.5.0) AJAX.

В comment-form.blade.php у меня есть:

Ваш комментарий ожидает рассмотрения Не удалось добавить комментарий! @csrf @error('сообщение') {{ $message }}
@enderror

Шаблон выше, конечно, повторяется для каждого комментария, поэтому к любому из них можно добавить ответы.

Ответы отправляются через jQuery Ajax:

$(".commentForm").each(function () { вар форма = $(это); form.validate({ errorElement: "p", errorClass: "помощь-блокировка текста-опасность", submitHandler: функция (_form, событие) { событие.preventDefault(); var $fields = form.find("textarea"), URL = form.attr("действие"), данные = form.serialize(); $.ajax({ Тип данных: «JSON», тип: "пост", URL: URL, данные: данные, кеш: ложь, успех: функция (ответ) { if (response.status === 'успех') { form.closest(".form-wrapper").find(".alert-box--success").slideDown(250).delay(2500).slideUp(250) .slideDown(250) .delay(2500) .slideUp(250); $fields.val(""); } еще { form.closest(".form-wrapper").find(".alert-box--error").slideDown(250).delay(2500).slideUp(250) .slideDown(250) .delay(2500) .slideUp(250); } }, ошибка: функция (ошибка) { console.log(ошибка); }, }); }, }); }); Проблема Существует возможность изначально загрузить максимум 10 комментариев для каждого сообщения, остальные загружаются при прокрутке страницы с помощью Ajax-вызова.

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

!Примечание. Проблема не в событии отправки, а в его предотвращении.
Вопросы [*]Что вызывает эту проблему? [*]Какое наиболее надежное решение проблемы?