JSFiddle - React, Tailwind, and code Playground

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 == '')
    {
        textbox.setCustomValidity('فیلد ایمیل را پر کنید!');
    }
    else if(textbox.validity.typeMismatch)
    {
        textbox.setCustomValidity('ایمیل نادرست است!');
    }
    else
    {
        textbox.setCustomValidity('');
    }
    return true;
}