Skip to content

JQuery plugin that returns a hash from serialization of a form. It supports brakets on input names.

License

Notifications You must be signed in to change notification settings

Hemphill/jquery.serialize-hash

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 

Repository files navigation

#jQuery Serialize Hash plugin

Hosted on Github by Sébastien Drouyer under an MIT licence.

jQuery plugin that returns a hash from serialization of a form or any DOM element. It supports brackets on input names for nested hashes.

It is convenient if you want to get values from a form and merge it with another hash, or anywhere JSON is need. Plays nice with tools like Handlebars.js, Backbone.js or anything else that uses JSON.

#Example:

Here we have a form with traditional type="text" input field, an HTML5 type="email" input field, and a set of type="hidden" input fields with brackets in their names (making a nested hash). It outputs a nicely formatted JSON hash using the name attribute as the hash key and the value attribute as the hash value.

##HTML

    <form id="form">
      <input type="text" name="firstkey" value="val1" />
      <input type="email" name="email" value="me@example.com" />
      <input type="hidden" name="secondkey[0]" value="val2" />
      <input type="hidden" name="secondkey[1]" value="val3" />
      <input type="hidden" name="secondkey[key]" value="val4" />
    </form>

##Javascript

    $('#form').serializeHash()

##Result

    {
      firstkey: 'val1',
      email: 'me@example.com',
      secondkey: {
        0: 'val2',
        1: 'val3',
        key: 'val4'
      }
    }

##Contributions

#####Added by Rilinor on 29/05/2012: jQuery serialize hash now support serialization of any dom elements (before, only form were supported). Thanks !

#####Added by Hemphill on 09/11/2012: Adds support for HTML5 input types: search, tel, url, email, datetime, date, month, week, time, datetime-local, number, range, & color.

About

JQuery plugin that returns a hash from serialization of a form. It supports brakets on input names.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%