form_to_object

!Build Statusbuild-status-img !NPM packagenpm-img !NPM downloadsnpm-downloads-img !Dependency Statusdependencies-status-img

Convert HTML forms with all their fields and values to multi-dimensional JavaScript objects

Install

Node.js

• npm install form_to_object

Browser

<!-- Include minified script (~2kb) -->

<script src="dist/formToObject.min.js"></script>

Usage

Using the DOM node id.

formToObject('myFormId');

Using the actual DOM Node reference.

formToObject(document.getElementById('myFormId'));

Result

{

saveSettings: 'Save',

name: 'Serban',

race: 'orc',

settings: {

input: 'keyboard',

video: {

resolution: '1024x768',

vsync: 'on'

}

}

}

XHR - sending form data

$.ajax({

'url': '/app/settings/save/',

'type': 'post',

'data': formToObject('saveSettingsForm'),

'success': function(r){}

});

Browser support

IE 8, Firefox 3.5, Chrome, Safari, Opera 10, every mobile browser.

Screenshot