Serializing a form without framework

by tonytlwu

HTML

<script src="https://cdn.rawgit.com/tonytlwu/c81cbc9b9abb503a555c/raw/bf4a76f5172be5f044d19869ef9c1623e8bbeef1/formAutotrack.modified.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<h2>Created by form builder</h2>
<form action="" method="get" data-autotrack>
    <input type="hidden" name="fl_form_action_device_mail" value="1" />
    <input type="hidden" name="fl_form_action_server_send" value="1" />
    <input type="hidden" name="widget_instance_id" value="32" />
    <input type="hidden" name="widget_nesting_path" value="sc_123,sc_456,sc_789" />
    <label for="fname">Your Full Name</label>
    <input type="text" name="fullname" id="fname" value="Dimitar Ivanov" />
    <input type="password" name="password" value="Krazie Bone" />
    <input type="text" name="email" value="[email protected]" />
    <input type="file" name="attachment" />
    <select name="gender">
        <option value="male" selected="selected">Male</option>
        <option value="female">Female</option>
    </select>
    <select name="job" multiple="multiple" size="6">
        <option value="java_dev">Java developer</option>
        <option value="web_dev" selected="selected">Web Developer</option>
        <option value="ui_engineer" selected="selected">UI Engineer</option>
        <option value="db_admin">DB Administrator</option>
        <option value="senior_php" selected="selected">Senior PHP programmer</option>
        <option value="sap_engineer">SAP Engineer</option>
    </select>
    <input type="radio" name="wish" value="yes" />
    <input type="radio" name="wish" value="no" checked="checked" />
    <input type="checkbox" name="sport" id="basketball" value="basketball" checked="checked" />
    <input type="checkbox" name="sport" id="football" value="football" checked="checked" />
    <input type="checkbox" name="sport" id="volleyball" value="volleyball" />
    <input type="checkbox" name="sport"...

JavaScript

$("form").each(function(){
    this.beforeTrack = function(data, form){
        // Validation and data manipulation goes here
        document.getElementById('debug').innerHTML = JSON.stringify(data,"","\t");
        // Make sure to return the data in JSON format
        return false;
    };
});