form-pack

The tiny vanilla javascript library for serialize form-data to JSON or URL encoded.

Opensource โดยคนไทย จากเพจ DEKCOMSTORY

Installation

Form-pack is available on npm

$ yarn add form-pack

$ npm install --save form-pack

and bower

$ bower install --save form-pack

Usage

Form-pack served the easy usage.

Form-pack available to customize output type both on JSON and urlencoded

formPack(formDOM, options)
// return as JSON by default

Option Attributes

|Name|default|Description| |-|:-|-:| | urlencoded | false | To let form-pack return data as urlencoded | | attr | "name" | Determine an attributes for reference input elements | | skipDisabled | false | Exclude an input element that has disabled attribute |

You can find out more usage on Examples section.

Examples

<form id="contact-form">
  <input type="text" name="firstname" value="Jirachai"/>
  <input type="email" name="email" value="[email protected]"/>
</form>

Get data as JSON

import formPack from 'form-pack'

const form = document.getElementById('form')

const result = formPack(form)

// { "firstname": "Jirachai", "email": "[email protected]" }

Get data as urlencoded

import formPack from 'form-pack'

const form = document.getElementById('form')

const result = formPack(form, { urlencoded: true })

// firstname=Jirachai&[email protected]

Creation Reason

No library that fit with us. 😢

License

Form-pack is MIT licensed.