在发送到 sql server 之前从 html 输入元素中提取值

Question

现在，我有一个用户输入纬度和经度的表单，我使用这些信息来创建标记并将它们发送到 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);
};