JSFiddle - React, Tailwind, and code Playground

HTML

<form id="my_form">
    <input type="text" name="myfield1" required>
    <input type="text" name="myfield2" required>
    <input type="text" name="myfield3" required>
    <button type="submit" id="my_button">Check</button>
</form>

JavaScript

$('#my_form').on('submit', function() {
    if ($('#my_form').get(0).checkValidity() == false) {
        return false;
    }
        
    console.log('passed');
    
});