JSFiddle - React, Tailwind, and code Playground

by Pedro Manuel Náñez

HTML

<form>
    <input id="hour" type="time" required>
    <input id="scale" type="number" name="frequency" min="0.001" max="100.000" step="0.001" placeholder="Scale" required>
        <button id="send" onclick="return canValidateFields();" class="addButton" >Send</button>
</form>

JavaScript

canValidateFields() {    
    var result = typeof document.createElement( 'input' ).checkValidity == 'function';
    if (result) {
        for (var i = 0; i < arguments.length; i++) {
            var element = document.getElementById(arguments[i]);
            if (!element.checkValidity() && (!element.validationMessage || element.validationMessage === null || element.validationMessage === '')) {
                return false;
            }
        }
    }
    return result;
}