tengo un formulario y en este tengo dos INPUTS, estos son obligatorios asi que uso la propiedad de HTML5 REQUIRED pero solo funciona si coloco un BUTTON y este hace que mi pagina se recargue al hacer submit pero yo no lo envio directamente sino que uso Ajax, y pues deseo validarlos para eso he usado:
<form>
<input type="text" id="dato1" required>
<input type="text" id="dato2" required>
<input type="button" id="boton" value="enviar" onclick="mifuncion()">
</form>
pero esto no me valida el formulario con HTML5 usando REQUIRED si uso BUTTON se recarga la pagina y pierdo la informacion cargado con AJAX
<button onclick="mifuncion()">Enviar </button>
Lo que quiero lograr es la validacion que tengo el BUTTON pero que no se me recargue la pagina