JSFiddle - React, Tailwind, and code Playground
HTML
<p>Insira uma palavra com 5 caracteres ou mais...</p>
<form action='http://google.com' method='get'>
<input type='text' />
<input type='submit' />
</form>
JavaScript
var input = document.querySelector('input'),
form = document.querySelector('form');
form.addEventListener('submit', validateAndSubmit, false);
function validateAndSubmit(event) {
// Prevenindo o comportamento padrão.
event.preventDefault();
// Fazendo a validação e enviando caso esteja OK.
var value = input.value;
if (value.length < 5) alert('O formulário não será enviado, a palavra não possui 5 caracteres.');
else {
alert('O formulário será enviado.');
form.submit();
}
}