JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<form>
    <input required>
    <button>Submit</button>
</form>

JavaScript

(function() {
    var input = document.querySelector( "input" ),
        validate = function() {
            if ( input.validity.valueMissing ) {
                input.setCustomValidity( input.validationMessage + " We need your email address to reset your account if you forget your password." );    
            } else {
                input.setCustomValidity( "" );
            }
        };
    validate();
    input.addEventListener( "change", validate );
}());