JSFiddle - React, Tailwind, and code Playground
HTML
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<!-- HTML -->
<form name="meu_form">
Teste campo: <input type="text" name="teste" required />
<br />
<button type='submit' class='btnOrig' style='display: none;'>Enviar que valida o required</button>
</form>
<button class='btnSubmit'>Enviar que não funciona a validação do required</button>
JavaScript
//Javascript
$(function(){
$('form[name="meu_form"]').submit(function () {
alert('Aqui faço as chamadas ajax...');
return false;
});
$('.btnSubmit').click(function (){
$('.btnOrig').click();
//$('form[name="meu_form"]').submit();
});
});