HTML-форма не отправляется после функции onSubmit

Функция geocodeAddress() использует выборку для отправки HTTP-запроса. До того, как я добавил «event.preventDefault()» в качестве параметра функции, она не работала должным образом (TypeError: Network Error), поскольку запрос прерывался перезагрузкой страницы, вызванной отправкой формы. Однако, как только я добавил его, форма больше не отправляется. Я не думаю, что проблема связана с php-кодом, поскольку я его вообще не менял. Что может быть причиной этого?

У меня была такая же ошибка в этом посте раньше «TypeError: NetworkError при попытке получить ресурс» при отправке формы ReactJS

    <form action = "private/database.php" method = "POST" onsubmit = "geocodeAddress(event.preventDefault())"> 
      <input type = "text" name = "surname" placeholder = "性氏" required><br>
      <input type = "text" name = "given_name" placeholder = "名字" required><br>
      <label for = "male">
        <input type = "radio" id = "male" name = "gender" required>
        男性
      </label>
      <label for = "female">
        <input type = "radio" id = "female" name = "gender">
        女性
      </label><br>
      <input type = "text" name = "email" placeholder = "電子信箱" required><br>
      <input type = "text" name = "phone_number" placeholder = "電話" required><br>
      <input type = "text" id = "address" name = "address" placeholder = "地址" required><br>
      <input type = "hidden" id = "lat" name = "lat">
      <input type = "hidden" id = "lng" name = "lng">
      <input type = "date" name = "cleaning_date" required><br>
      <input type = "submit" name = "form_submit">
    </form>
    <script>
        function handleErrors(res) {
          if (!res.ok) {
            throw Error(res.statusText);
          }
          return res;
        }

        function geocodeAddress() {
          const address = document.getElementById('address').value;
          fetch(`https://maps.googleapis.com/maps/api/geocode/json?address=${address}&key=AIzaSyDxsdfWYv25UrruPXLqeXKVYUnD-VyReA`)
            .then(handleErrors)
            .then(res => res.json())
            .then(data => {
              console.info(data);
              document.getElementById('lat').value = data.results[0].geometry.location.lat.toString();
              document.getElementById('lng').value = data.results[0].geometry.location.lng.toString();
            })
            .catch(error => console.info(error));
        }
    </script>