Как отправить форму с помощью JavaScript?

Question

Accepted Answer

## Способ 1: `HTMLFormElement.requestSubmit()` / `submit()`

```js
const form = document.querySelector("#login");

// Предпочтительно: учитывает валидацию и срабатывает submit-событие
form.requestSubmit();

// Нативная отправка; событие submit может не вызваться так же, как у кнопки
form.submit();
```

Разница важна: `requestSubmit()` ближе к клику по submit-кнопке (constraint validation, `submit` event). `submit()` отправляет «тихо» с точки зрения некоторых обработчиков.

---

## Способ 2: собрать данные и `fetch`

```js
form.addEventListener("submit", async (e) => {
  e.preventDefault();
  const body = new FormData(form);
  const res = await fetch(form.action, {
    method: form.method || "POST",
    body,
  });
});
```

Или `URLSearchParams` / JSON — в зависимости от API.

---

## Способ 3: программно нажать кнопку

```js
form.querySelector('button[type="submit"]').click();
```

**Итог:** для «как браузер» — `requestSubmit()`; для SPA/API — `preventDefault` + `fetch`/`FormData`.