Поддержим ваш первый шаг:
-10% на профессии и специальные условия до 19 мая

Как получить данные из формы 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
Теория и практика с нуля
Перейти к курсу
Поможем с выбором
Если у вас есть вопросы о формате или вы не знаете, что выбрать, оставьте свой номер — мы позвоним и ответим на все вопросы
Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»