Breaking News: Grepper is joining You.com. Read the official announcement!

form all values javascript

DannyGlade answered on January 9, 2022 Popularity 3/10 Helpfulness 1/10

answer form all values javascript

related how to get all form values in javascript

form all values javascript

Comment

// getting form
	const form = document.forms.formOne;

// adding event listener
      form.addEventListener("submit", (e) => {
        e.preventDefault();
        const data = form.elements;
        let vals = [];
        for (let i = 0; i < data.length; i++) {
          const element = data[i];
          if (element.value) {
            vals.push(element.value);
          }
          // console.log(element.value);
        }
        console.log(vals);
      });

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript

Link to this answer
Share Copy Link

Contributed on May 06 2023

DannyGlade

0 Answers Avg Quality 2/10

Closely Related Answers

how to get all form values in javascript

Comments(1)

//target the element and set submit event
    document.querySelector("form").addEventListener("submit", handleSubmit);

    //event function
    const handleSubmit = (e) => {
        e.preventDefault();
        let data = [...e.currentTarget.elements]
            .filter((ele) => ele.type !== "submit")
            .map((ele) => {
                return {
                    [ele.getAttribute("name")]: ele.type === "file" ? ele.files : ele.value,
                };
            });
        console.log(data);
    };

Popularity 9/10 Helpfulness 6/10 Language javascript

Source: Grepper

Tags: get

Link to this answer
Share Copy Link

Contributed on Jan 09 2022

Nazmul Hassan

0 Answers Avg Quality 2/10

form all values javascript

Contents

More Related Answers

form all values javascript

Closely Related Answers

how to get all form values in javascript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.