Как получить данные из формы js

Аватар пользователя Ivan Gagarinov
Ivan Gagarinov
31 марта 2022

Чтобы получить данные из формы, можно воспользоваться объектом FormData. Этот объект содержит метод get(), с помощью которого можно извлечь данные по имени.

Пример формы:

<form id="form1">
  <input type="text" name="name" value="John">
  <input type="text" name="surname" value="Smith">
  <input type="submit">
</form>

Для получения данных, навешивается обработчик отправки формы и внутри него извлекаются данные:

const formElement = document.getElementById('form1'); // извлекаем элемент формы
formElement.addEventListener('submit', (e) => {
  e.preventDefault();
  const formData = new FormData(formElement); // создаём объект FormData, передаём в него элемент формы
  // теперь можно извлечь данные
  const name = formData.get('name'); // 'John'
  const surname = formData.get('surname'); // 'Smith'
});
7 0
Аватар пользователя user-5b4fb3a803104ce9
user-5b4fb3a803104ce9
03 января 2025

круто

1 0
Аватар пользователя Grxuau
Grxuau
19 сентября 2022

Очепятка в JS скрипте: const formElement = documnt.getElementById('formElem').

0 0
Аватар пользователя Agumerov
Agumerov
29 июля 2023

Спасибо, ясно

0 0
Аватар пользователя Vv Ks
Vv Ks
22 ноября 2024

Cool!

0 0
Познакомьтесь с основами JavaScript бесплатно

Похожие вопросы