JSFiddle - React, Tailwind, and code Playground
HTML
<form action="google.com">
<label>Name
<input required id="name" name="name" placeholder="Name" tabindex="1">
</label>
<button type="submit">Submit</button>
</form>JavaScript
var nError= document.getElementById("name");
nError.checkValidity(this)
{
if(nError.validity.value == '')
{
nError.setCustomValidity("You need to leave your name, here.");
}
};