JSFiddle - React, Tailwind, and code Playground

by Mark Coleman

HTML

<br/>
<form id="test">
    <input type="text" value="Jon" name="firstName"/>
    <input type="text" value="Smith" name="lastName"/>
    <input type="text" value="123 Fake Street" name="address"/>
    <input type="text" value="CA" name="state"/>
    <input type="button" value="Post"/>
</form>
<h1/>

JavaScript

function MarkAsChanged(){
    $(this).addClass("changed");
}
$(":input").blur(MarkAsChanged).change(MarkAsChanged);

$("input[type=button]").click(function(){
    $(":input:not(.changed)").attr("disabled", "disabled");
    $("h1").text($("#test").serialize());
});