JSFiddle - React, Tailwind, and code Playground

by rjurd

HTML

<form id="setorder_5" name="setorder_5" action="ajax_set_order.php">
    <input name="special_id" type="hidden" value="5" />
    <input type="text" size="4" name="order" id="order_2" value="2" />
    <input type="submit" value="Set Order" />&nbsp;
    <div style="display:inline;" id="show2_5"></div>
</form>

JavaScript

function submitform(event) {
    event.preventDefault();
    $.post(
        $("#setorder_5").attr("action"),
        $("#setorder_5").serializeArray(),
        function (php_msg) {
            $("#show2_5").html(php_msg);
        }
    );
}

$("#setorder_5 *").blur(function(event) {
    submitform(event);
});
$("#setorder_5").submit(function(event) {
    submitform(event);
});