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

4 года назад

Человек-Молекула

Ответы

Чтобы получить данные из формы, можно воспользоваться объектом 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'
});

4 года назад

Ivan Gagarinov

круто

год назад

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

3 года назад

Grxuau

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

3 года назад

Agumerov

Cool!

год назад