25 lines
545 B
Markdown
25 lines
545 B
Markdown
### serializeForm
|
|
|
|
Serializes a form into an object.
|
|
|
|
First we transform the `form` into `FormData`, then we convert it into an `array` and from the `array` we collect an `object`
|
|
|
|
```js
|
|
const serializeForm = form =>
|
|
Array.from(new FormData(form))
|
|
.reduce((acc, [key, value]) => ({
|
|
...acc,
|
|
[key]: value,
|
|
}), {})
|
|
```
|
|
|
|
```html
|
|
<form id="form">
|
|
<input name="email" type="email" />
|
|
<input name="name" />
|
|
</form>
|
|
```
|
|
|
|
```js
|
|
serializeForm(document.querySelector('#form')) // { email: 'test@email.com', name: 'Test Name' }
|
|
``` |