Skip to content


Subversion checkout URL

You can clone with
Download ZIP
JQuery plugin that returns a hash from serialization of a form. It supports brakets on input names.
JavaScript HTML
Branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.

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 needed. It plays nice with tools like Handlebars.js, Backbone.js or anything else that uses JSON.


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.


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




      firstkey: 'val1',
      email: '',
      secondkey: {
        0: 'val2',
        1: 'val3',
        key: 'val4'


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. Thanks!

Something went wrong with that request. Please try again.