JSFiddle - React, Tailwind, and code Playground

by Pasky Org

HTML

<form id="myform">
    <input id="email" oninvalid="InvalidMsg(this);" name="email" oninput="InvalidMsg(this);"  type="email" required="required" />
    <input type="submit" />
</form>

JavaScript

function InvalidMsg(textbox) {
    
    if (textbox.value == 'Hola') {
        textbox.setCustomValidity('Required email addressss');
    }
    else if(textbox.validity.typeMismatchKaka){
        textbox.setCustomValidity('please enter a valid email address');
    }
    else {
        textbox.setCustomValidity('');
    }
    return true;
}