usestrictモードでsubmitがキャンセルできない

質問　

下記コードはinputの値をチェックして、
値が入っていなかった場合はsubmitをキャンセルしてアラートを出す処理になります。

usestrictモードにするとキャンセル処理が行われず、
値が入っていなかった場合でもsubmitされてしまいます。

厳格なエラーチェックにより上記問題が起こっていると思いますが、
修正箇所の見当が付かなかったため、アドバイスを頂く事は出来ないでしょうか。

大変お手数をお掛け致しますが、宜しくお願い致します。

試したこと

エラーメッセージが一瞬出ている様ですが、
ページ遷移ですぐに消えてしまい、確認が出来ていない状況です。

index.php

php
1
2<!DOCTYPE html>
3<html lang="ja">
4  <head>
5    <meta charset="UTF-8">
6  </head>
7  <body>
8    <section>
9      <h1>誕生日</h1>
10      <form method="post" action="result.php" id="form" onsubmit="return check();">
11        <label for="date"></label>
12        <input type="text" id="date" name="result">
13      </form>
14    </section>
15    <script>
16    "use strict";
17    {
18      let date = document.getElementById("date");
19
20      function check() {
21        if (date.value === "") {
22          alert("誕生日を入力してください");
23          return false;
24        }
25      }
26    }
27    </script>
28  </body>
29</html>

result.php

php
1<?php
2
3function h($s) {
4  return htmlspecialchars($s, ENT_QUOTES, "UTF-8");
5}
6
7if (isset($_POST["result"])){
8  $result = $_POST["result"];
9}
10?>
11
12<!DOCTYPE html>
13<html lang="ja">
14  <head>
15    <meta charset="UTF-8">
16  </head>
17  <body>
18    <section>
19      <h1>結果</h1>
20      <p><?= h($result) ?></p>
21      <div><a href="index.php">戻る</a></div>
22    </section>
23  </body>
24</html>