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

get form data on submit javascript

Utk answered on February 3, 2023 Popularity 10/10 Helpfulness 10/10

answer get form data on submit javascript

get form data on submit javascript

Comment

// Function To get all formdata values including multioption values
function handleSubmit(event) {
    event.preventDefault();

    const data = new FormData(event.target);

    const value = Object.fromEntries(data.entries());

   value.topics = data.getAll("topics");

    console.log({ value });
  }

  const form = document.querySelector("form");
  form.addEventListener("submit", handleSubmit);

 <form>
    <label for="name">Name</label>
    <input type="text" name="name" id="name" />

    <label for="email">Email</label>
    <input type="email" name="email" id="email" />

   <p>
     <input type="checkbox" name="topics" id="javascript" value="javascript" />
     <label for="javascript">JavaScript</label>

     <input type="checkbox" name="topics" id="html" value="html" />
     <label for="html">HTML</label>

     <input type="checkbox" name="topics" id="css" value="css" />
     <label for="css">CSS</label>
   </p>

    <button type="submit">Submit</button>
  </form>

Popularity 10/10 Helpfulness 10/10 Language javascript

Source: Grepper

Tags: form-data get javascript submit

Link to this answer
Share Copy Link

Contributed on Feb 03 2023

Utk

0 Answers Avg Quality 2/10

get form data on submit javascript

Contents

More Related Answers

get form data on submit javascript

Grepper

Documentation

Social

Legal

Contact

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