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="jirachai.c@outlook.com"/>
</form>

Get data as JSON

import formPack from 'form-pack'

const form = document.getElementById('form')

const result = formPack(form)

// { "firstname": "Jirachai", "email": "jirachai.c@outlook.com" }

Get data as urlencoded

import formPack from 'form-pack'

const form = document.getElementById('form')

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

// firstname=Jirachai&email=jirachai.c@outlook.com

Creation Reason

No library that fit with us. 😢

License

Form-pack is MIT licensed.