Skip to content

Instantly share code, notes, and snippets.

@amit08255
Last active April 20, 2022 02:16
Show Gist options
  • Save amit08255/6888d6af68c6f0dc9b8b0e3fd5001a0f to your computer and use it in GitHub Desktop.
Save amit08255/6888d6af68c6f0dc9b8b0e3fd5001a0f to your computer and use it in GitHub Desktop.
Get all form fields on submit

Use these event handler on form submit to get all fields

JavaScript

const onSubmit = (e) => {
    const { target } = e;
    e.preventDefault();
    const inputs = Object.fromEntries(new FormData(target).entries());
    console.log(inputs);
};

TypeScript

const onSubmit = (e:FormEvent<HTMLFormElement>) => {
    const { target } = e;
    e.preventDefault();
    const inputs = Object.fromEntries(new FormData(target as HTMLFormElement).entries());
    console.log(inputs);
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment