Как показать данные из моей формы в консоли? - PullRequest
Новая
       9

Как показать данные из моей формы в консоли?

0 голосов
/ 09 октября 2019

У меня есть форма с парой входов. Когда я нажимаю кнопку отправки, я хочу показать значение входов (включая имена полей) в консоли в формате json.

Как я могу это сделать? Я читал о новом способе FormData, но я не совсем понимаю, как его использовать (пока я придумал этот код, но он не работает) 

//popup is my form

popup.addEventListener("submit", function (event) {
	let formData = new FormData(popup);
	console.log(formData);
  event.preventDefault();
}, false);

1 Ответ

2 голосов
/ 09 октября 2019

Если вы хотите получить все свои данные в форме (включая имена) и не планируете использовать jQuery, вы можете попытаться обработать ввод самостоятельно, основываясь на форме: 

const form = document.myForm;

form.addEventListener("submit", function(event) {
  event.preventDefault(); // Always preventDefault() first
  let formData = new FormData(this);
  let object = {};
  formData.forEach((value, key) => {
    object[key] = value
  });
  let json = JSON.stringify(object);
  console.log(json);
}, false);
<form name="myForm">
  <input name="input1">
  <input name="input2">
  <input name="input3">
  <button>Submit</button>
</form>
...