JSFiddle - React, Tailwind, and code Playground

by Ben Alman

HTML

<form>
    <input type="text" name="a" value="aaa"/>
    <input type="text" name="b" value="bbb"/>
    <input type="hidden" name="c" value="ccc"/>
    <input type="hidden" name="d" value="ddd"/>
    <input type="text" name="e" value="eee" disabled="disabled"/>
    <input type="hidden" name="f" value="fff" disabled="disabled"/>
</form>

JavaScript

assert(4, $(":enabled").length);
assert(4, $("input:enabled").length);
assert("a=aaa&b=bbb&c=ccc&d=ddd", decodeURIComponent($("form").serialize()));


function assert(expected, actual) {
    var msg = expected === actual ? "OK" : "ERROR, should be " + expected;
    $("body").append("<p>" + actual + " - " + msg + "</p>");
}