JSFiddle - React, Tailwind, and code Playground

by jeremyblalock

HTML

<form>
    <input name='name' placeholder='Name'><br>
    <input name='email' type='email' placeholder='Email Address'>
</form>

JavaScript

function formDataToJson(str) {
    var itms = str.split('&'),
        obj = {}, split;
    for (var i = 0; i < itms.length; i += 1) {
        split = itms[i].split('=');
        obj[split[0]] = decodeURIComponent(split[1]);
    }
    return obj;
}

$('form').on('change input', function() {
    var str = $(this).serialize();
    console.log(formDataToJson(str));
});