CODE EXAMPLE FOR JAVASCRIPT

html form pattern message

input.oninvalid = function(event) {
    event.target.setCustomValidity('Username should only contain lowercase letters. e.g. john');
}