Автозаполнение адреса с использованием Google Maps JavaScript API ⇐ Html

[Anonymous]

Я столкнулся с проблемой и мне очень нужна ваша помощь. Я разрабатывал ввод формы, в котором одним из полей был адрес/местоположение. Я хотел использовать API Google Maps с такими сервисами, как автозаполнение и геокодирование адресов. У меня есть файлы HTML и JS. Моя основная проблема заключается в том, что я хотел использовать неверные адреса, которые могут ввести пользователи, и предупредить их об ошибке. Например, если кто-то вводит адрес, который не был предложен, или вводит неполный адрес, я должен иметь возможность сказать ему, что это недействительный адрес. Это работает, но только когда я нажимаю Enter, а не отправляю. Если я нажму кнопку «Отправить», форма отправится без уведомления.

Код: Выделить всё

// This example requires the Places library. Include the libraries=places
// parameter when you first load the API. For example:
// 
function initMap() {
const input = document.getElementById("location-input");
const autocomplete = new google.maps.places.Autocomplete(input);

autocomplete.addListener("place_changed", () => {

const place = autocomplete.getPlace();

if (!place.geometry) {
// User entered the name of a Place that was not suggested and
// pressed the Enter key, or the Place Details request failed.
//window.alert("No details available for input: '" + place.name + "'");
swal("Please fill all the *Required fields","Click okay to continue", "warning");
return;
}
});
}

Код: Выделить всё

Document

Я пытался добавить прослушиватель событий отправки, но не смог получить то, что ожидал

Подробнее здесь: https://stackoverflow.com/questions/656 ... script-api