HTML 5 проверка ввода текста не работает

У меня есть следующий код:

<section id="about" class="home-section color-dark bg-white">

<form id="contact-form" class="wow bounceInUp" data-wow-offset="10" data-wow-delay="0.2s" action="load_event.php" method="post">
<div class="container marginbot-50">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="wow flipInY" data-wow-offset="0" data-wow-delay="0.4s">
<div class="section-heading text-center">
<h4 class="h-bold">Encuentra un evento</h4>
<input type="text" class="form-control input-lg" required placeholder="ID del evento" oninvalid="this.setCustomValidity('Este campo es requerido')" id="event_id" name="event_id"></input>
<input type="submit" class="btn btn-skin btn-lg btn-block" value="Buscar" ></input>
</div>
</div>
</div>
</div>
</div>
</form>

</section>

но required проверка тега ввода текста работает только в первый раз, если я нажимаю кнопку «отправить» в первый раз с пустым текстовым полем, следующие попытки скажут, что поле пустое, даже если это не так. Это поведение одинаково в Firefox и Internet Explorer. Есть идеи?