@jsxtools/get-form-data v1.0.5

get-form-data

get-form-data returns data from an HTML form element as an object.

It is 543 bytes (305 gzipped).

Installation

npm install @jsxtools/get-form-data

Usage

<form id="form">
  <input type="text" name="someText" value="Chris" />
  <input type="file" name="someFile" />
  <input type="file" name="someFiles" multiple />
  <input type="checkbox" name="someCheckbox" value="Dog" checked />
  <input type="checkbox" name="someCheckbox" value="Cat" checked />
  <input type="checkbox" name="someCheckboxAgain" checked />
  <input type="radio" name="someRadio" value="Dog" checked />
  <input type="radio" name="someRadio" value="Cat" />
  <select name="someSelectOne">
    <option selected>First</option>
    <option>Second</option>
    <option>Third</option>
  </select>
  <select name="someSelectMultiple" multiple>
    <option>First</option>
    <option selected>Second</option>
    <option selected>Third</option>
  </select>
  <textarea name="someTextarea">A place for everything.
And everything in its place.</textarea>
  <input type="hidden" name="someHidden" value="something hidden" />
  <button type="submit">Submit</button>
</form>

import getFormData from '@jsxtools/get-form-data';

const data = getFormData(document.getElementById('form'));
/* data = Object {
  "someCheckbox": Array [
    "Dog",
    "Cat",
  ],
  "someCheckboxAgain": "on",
  "someFile": File {},
  "someHidden": "something hidden",
  "someRadio": "Dog",
  "someSelectMultiple": Array [
    "Second",
    "Third",
  ],
  "someSelectOne": "First",
  "someText": "Chris",
  "someTextarea": "A place for everything.\r\nAnd everything in its place.",
} */