JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <input required pattern=".{6,}" class="big medium-margin" name="Password" placeholder="Password" size="25" type="password" />
    <input type="submit" />
</form>

JavaScript

$(function () {
    $("input[name=Password]").on("invalid", function () {
        this.setCustomValidity("Please enter at least 5 characters.");
    });
});