Извлеките значение из элемента ввода html перед отправкой на сервер sql

Question

На данный момент у меня есть форма, в которой пользователь вводит значения lat и long, и я использую эту информацию для создания маркеров и отправки их в mysql. Однако я хочу изменить, чтобы вместо этого пользователь вводил адрес, и я попытался использовать геокод из google api, чтобы получить широту и длину от адреса, который мне дал пользователь. Однако это с треском провалилось. Я думаю, что форма отправляется на сервер, прежде чем я могу поймать значение адреса. Так что я не уверен, как получить адрес из формы, прежде чем он будет отправлен на сервер? Все поможет. спасибо

Это мой HTML-файл

<form id = "seenform" action="/submitseen" method="POST">

        <input placeholder="Latitude" name = "lat" id="lat">
        <br>
        <input placeholder="Longitude" name = "lngt">
        <br>
        <input id="address_seen" placeholder = "Address" name = "address"> (this is where I want to get the value out)
</form>


Javascript file

app.post('/submitseen', function(req,res){
    var dlat = req.body.lat;
    var dlngt = req.body.lngt;
    var daddress = req.body.address;
})

Answer 1

Вы можете получить значения формы перед отправкой.

document.getElementById('seenform').onsubmit = function() {
    var address = document.getElementById('address_seen');
    console.log(address.value);
};