mazondo/formalizedata

jQuery plugin for turning form data into a js object which can then be turned into json

formalizedata's Issues

Feature Request: Replace `data-type` with `data-formalize` that is just a function

Could register functions like this:

$.formalize.fn.toNumber = function(s){ return parseInt(s); }
$.formalize.fn.fromNumber = function(s){ return "" + s; }

Then the input field with data-formalize="number" could map to toNumber and fromNumber, or just number if it's available.

and users could add their own:

$.formalize.fn.toTimecode = function(s){ return (new TimecodeFromSeconds(s).timecode(); };
$.formalize.fn.fromTimecode = function(s){ return (new Timecode(s)).seconds(); };

accept an array of attributes to look at and default to name or id

name and id are both common ones, and doing that would require us to support something like ["name", "id"] anyways, so then we could let people pass in attribute: ["data-name", "data-whatever-here"]

Feature Request: Ability to set options to tweak each value

I'd like to be able to set a function option that lets me modify each value as it's coming in, or going out:

$("form").formaize({
  toData: function(value, options){ return parseInt(value)+1; },
  toForm: function(value, options){ return value-1; }
});

• Not sure about names

remove the jquery dependency

as per this discussion:

http://www.reddit.com/r/javascript/comments/1lc5cg/form_data_js_object_json_new_jquery_plugin/cbxs0gx

Usability suggestions from reddit

Good idea.
I do suggest a small change though, for usability purposes.
Get rid of

if (!name) {
            throw "Elements must be named!";
        }

Change your .find() to include the attribute

.find("input[name], textarea[name]").each(

I also recommend passing the actual attribute name as a param.

$.fn.formalizeData = function(atName) {

atName = atName || "name";

in which case your .find() would be something like

.find("input[" + atName + "], textarea[" + atName + "]").each(

this way, if they want to use the default they can still call

.formalizeData()

and it would check for the 'name' attribute.
but if being used in a program that already uses a name attribute (as it is a common attribute)
they could say,

.formalizeData('data-name')

and it would look for the data-name attribute.
they could also create different combos of json data from a given form by utilizing different attributes

Should attempt to coerce into the appropriate values without having to use formalizers

numbers should be numbers, bools should be bools. May warrant becoming it's own library.

Feature Request: Ability to push a data object to the form

Once I have the data object, I'd like to be able to change it, and push it back to the form.

Maybe this interface:

// get the data
dataObj = $("form").formalize();

// do something with the data

// now set it
$("form").formaize(dataObj);

NOTE: It would have to know how to handle arrays, i.e. copy elements x times etc.

Feature request: Support non-form elements

I would like to be able to get data from a range of elements, decided by the selector on the active jQuery object.

Some examples:

var name = $("ul li.name input").formalize();