corrade-nucleus-nucleons – Blame information for rev 1
?pathlinks?
Rev | Author | Line No. | Line |
---|---|---|---|
1 | office | 1 | # formToObject.js |
2 | |||
3 | [![Build Status][build-status-img]]([build-status-url]) |
||
4 | [![NPM package][npm-img]]([npm-url]) |
||
5 | [![NPM downloads][npm-downloads-img]]([npm-downloads-url]) |
||
6 | [![Dependency Status][dependencies-status-img]]([dependencies-status-url]) |
||
7 | |||
8 | > Convert **HTML forms** with all their **fields** and **values** to **multi-dimensional JavaScript** objects |
||
9 | |||
10 | |||
11 | ##### How to use |
||
12 | > Supports Traditional, RequireJS / AWD and CommonJS / Browserfy style imports. |
||
13 | |||
14 | ```html |
||
15 | <!-- Include minified script (~2kb) --> |
||
16 | <script src="build/formToObject.min.js"></script> |
||
17 | ``` |
||
18 | |||
19 | |||
20 | **Using the DOM node id** |
||
21 | |||
22 | ```javascript |
||
23 | var myFormObj = formToObject('myFormId'); |
||
24 | /* |
||
25 | console.log(myFormObj); |
||
26 | { |
||
27 | saveSettings: 'Save', |
||
28 | name: 'Serban', |
||
29 | race: 'orc', |
||
30 | settings: { |
||
31 | input: 'keyboard', |
||
32 | video: { |
||
33 | resolution: '1024x768', |
||
34 | vsync: 'on' |
||
35 | } |
||
36 | } |
||
37 | } |
||
38 | */ |
||
39 | ``` |
||
40 | |||
41 | **Using the actual DOM Node** |
||
42 | |||
43 | ```javascript |
||
44 | var $formNode = document.getElementById('myFormId'); |
||
45 | var myFormObj = formToObject($formNode); |
||
46 | console.log(myFormObj); |
||
47 | ``` |
||
48 | |||
49 | Sending form data server-side |
||
50 | |||
51 | ```javascript |
||
52 | $.ajax({ |
||
53 | 'url': '/app/settings/save/', |
||
54 | 'type': 'post', |
||
55 | 'data': formToObject('saveSettingsForm'), |
||
56 | 'success': function(r){} |
||
57 | }); |
||
58 | ``` |
||
59 | |||
60 | ##### Browser support |
||
61 | |||
62 | IE 8, Firefox 3.5, Chrome, Safari, Opera 10, every mobile browser. |
||
63 | |||
64 | ##### Screenshot |
||
65 | |||
66 | ![](http://serbanghita.github.io/formToObject.js/formToObj-demo.png) |
||
67 | |||
68 | [build-status-img]:https://travis-ci.org/serbanghita/formToObject.js.svg?style=flat |
||
69 | [build-status-url]:https://travis-ci.org/serbanghita/formToObject.js |
||
70 | [npm-img]:https://img.shields.io/npm/v/form_to_object.svg?style=flat-square |
||
71 | [npm-url]:https://www.npmjs.com/package/form_to_object |
||
72 | [npm-downloads-img]: http://img.shields.io/npm/dm/form_to_object.svg?style=flat-square |
||
73 | [npm-downloads-url]: https://www.npmjs.com/package/form_to_object |
||
74 | [dependencies-status-img]:https://www.versioneye.com/user/projects/5446a74944a5254346000085/badge.svg?style=flat |
||
75 | [dependencies-status-url]:https://www.versioneye.com/user/projects/5446a74944a5254346000085 |