Не срабатывает ресет на форме?

Question

[Froggyweb]

После выполнения условия в if не срабатывает ресет формы. В ифе подставляется код формы с ошибками, но e.target вроде как новый. Почему не работает reset после устранения ошибок нипонятно.

document.addEventListener("submit", function (e) {
  const form = e.target;
  if (true) {
    document.querySelector('.form-wrap').innerHTML = "Новая форма"
  }
  fetch("/" + formname, {
    method: "post",
    body: new FormData(form),
  })
    .then((res) => res.json())
    .then((res) => {
      if (res.status) {
        form.reset;
      }
    })
})

Answer 1

[Александр]

- form.reset;
+ form.reset();

Comments

[Froggyweb]

В коде правильно. Это в примере ошибся. Не работает только если пришла форма с ошибками и после сабмита не ресится хоть убейся.
Если замены формы не было все корректно. буду наверное менять форму на исходную с сервера.
Хотя интересно было бы разобраться

[Александр]

Froggyweb, А форма в .form-wrap лежит?

[Froggyweb]

Александр, да

[Александр]

Froggyweb, Так Вы её удаляете.

if (true) {
    document.querySelector('.form-wrap').innerHTML = "Новая форма"
}

[Froggyweb]

Александр, да там приходит другая форма с ошибками.
после она отправляется повторно если сервер все пропускает то отправляет на мыло и пишет в status true. код в примере немного сокращен
для этого слушателя поставил на документ.

вот полная рабочая версия

document.addEventListener("submit", function (e) {
  var form = e.target;
  if (form.classList.contains("js-form-ajax")) {
    e.preventDefault();
    const formname = form.elements.formid.value;
    const submit = form.querySelector('button[type = "submit"]');
    submit.disabled = true;
    fetch("/ajax/form-" + formname, {
      method: "post",
      body: new FormData(form),
    })
      .then((res) => res.json())
      .then((res) => {
        if (!res.status) {
          document.querySelector("." + formname + "__form-body").innerHTML =
            res.output;
          if (res.messages) {
            Fancybox.show([{ src: res.messages, type: "html" }]);
          }
        } else {
          const error = form.querySelectorAll(".error");
          error.forEach((err) => {
            err.remove();
          });
          form.reset();

          console.log(e.target);
          submit.disabled = false;
          Fancybox.show([{ src: res.output, type: "html" }]);
        }
      })
      .catch((err) => console.error(err));
  }
});

[Froggyweb]

Александр, https://belasin.by/journal/2021 вот страница - пациент на сервере. поля имя и мыло обязательны если все заполнено, то работает ок. Если повторить отправку стоит блок на 1 минуту форма не ресится это норм, через минуту отправляю все уходит, но поля заполненные остаются