JSFiddle - React, Tailwind, and code Playground
HTML
<form>
<!--<input pattern=".*\S+.*" title="This field is required" required>-->
<input>
<button type="submit">Submit</button>
</form>
JavaScript
$(function(){
$('form').find('input').each(function(){
$(this).attr({
'pattern': '[A-Za-z]{3}',
'title' : "This field is required"
})
});
})