RetroSearch Browse

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://github.com/serbanghita/formToObject.js below:

serbanghita/form-to-object: Convert a HTML form to a JS literal and multidimensional object.

form-to-object (formToObject.js)

Convert HTML forms with all their fields and values to multidimensional JavaScript objects

npm install form_to_object

import formToObject from 'form_to_object';
// or
const formToObject = require('form_to_object');

As a JS script:

<!-- Include minified script (~6kb) -->
<script src="build/formToObject.js"></script>

<!-- jsdelivr (CDN) -->
<script src="
https://cdn.jsdelivr.net/npm/form_to_object@3.1.0/build/bundle/formToObject.min.js
"></script>

Using the DOM node id: formToObject('myFormId');
Using the actual DOM Node reference: formToObject(document.getElementById('myFormId'));

Resulted value:

{
  "saveSettings": "Save",
  "name": "Serban",
  "race": "orc",
  "settings": {
     "input": "keyboard",
     "video": {
        "resolution": "1024x768",
        "vsync": "on"
     }
  }
}

Good to know:

If <form> fields are found, but they lack of name attribute property, the result will be {} (empty object).
If <form> contains only disabled fields, the result will be {} (empty object). If you force includeDisabledFields then key:value pairs will be returned.
An empty <form> will throw an Error.
In case of an error like non-existing form or invalid selector, an Error will be thrown.

Option name Default Description includeEmptyValuedElements boolean (default false) Return field names as keys with empty value "" instead of just ignoring them. w3cSuccessfulControlsOnly boolean (default false) TBA, WIP selectNameWithEmptyBracketsReturnsArray boolean (default true) <select> field names like name="select[]" always return an array [a,b] instead or array of arrays [0: [a,b]]. checkBoxNameWithEmptyBracketsReturnsArray boolean (default true) <input> checkboxes with field names like name=checkbox[] always return an array [a,b] instead or array of arrays [0: [a,b]].

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

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4