JSFiddle - React, Tailwind, and code Playground
HTML
<form action="">
<input type="text" required>
<input type="text" required>
<input type="reset">
<input type="submit" value="Ok">
</form>
JavaScript
var reset = document.querySelector('input[type="reset"]'),
inpElems = document.querySelectorAll('form input[type="text"]');
reset.addEventListener('click', function(e) {
[].forEach.call(inpElems, function(item) {
if( !item.value.length || item.value.search(/^\S+/) )
e.preventDefault();
});
});