JSFiddle - React, Tailwind, and code Playground

by chridam

HTML

<form id="myid" name="myid" method="post" action="hook.php">name :
    <input type="text" name="name" id="name" />age :
    <input type="text" name="age" id="age" />
    <input type="submit" id="submit" name="submit" value="Save" />
</form>

JavaScript

var $form = $("#myid"),
        $errorMsg = $("<span class='error' style='color:red;'>This field is required..!!</span>");

    $("#submit").on("click", function () {
        var toReturn = true;
        $("input", $form).each(function () {
            var value = $(this).val();
            if((!$.trim(this.value).length) || (value.length > 5)) {
                if (!$(this).data("error")) {
                    $(this).data("error", $errorMsg.clone().insertAfter($(this)));
                }
                toReturn = false;
            }
            else {
                if ($(this).data("error")) {
                    $(this).data("error").remove();
                    $(this).removeData("error");
                }
            }
        });
        return toReturn;
    });