Cách sử dụng sự kiện oninvalid trong JavaScript?

Sự kiện oninvalid kích hoạt khi giá trị ô <input> không hợp lệ (theo validation HTML5 như required, pattern...).

Ví dụ

<!DOCTYPE html>
<html>
  <body>
    <script>
      function resetFunct() {
        alert("Form đã được reset");
      }
    </script>
    <form>
      Nhập tên: <input type="text" required oninvalid="alert('Vui lòng điền form trước khi gửi!');"><br>
      Nhập tháng sinh: <input type="text"><br>
      <input type="submit">
      <input type="reset">
    </form>
  </body>
</html>