JSFiddle - React, Tailwind, and code Playground

HTML

<form id="my_form">
    <input type="email" id="email" placeholder="Enter your email here..." required>
    <button type="submit">Submit</button>
</form>
    
<button id="triggerMsg">Trigger Custom Message</button>

JavaScript

function triggerCustomMsg()
{
    document.getElementById("email").setCustomValidity("This email is already used");
    
}
$('#triggerMsg').click(function(){
    $('#my_form').trigger('click');
})