Javascript显示加载图标，直到设置了textview值

我正在使用谷歌地图api加载用户的当前地理位置。加载完成后，我将2个值设置为2个隐藏的html表单：

document.getElementById("latitude").value = position.coords.latitude;
document.getElementById("longitude").value = position.coords.longitude;

---

如果用户在设置值之前按submit，应用程序将崩溃。在页面上的两个元素包含信息之前，如何创建加载元素？有什么联系或建议吗？谢谢大家!

您可以通过取消提交事件来停止表单提交。像这样：

<form id="my_form">
    <input type="hidden" id="latitude" name="latitude" />
    <input type="hidden" id="longitude" name="longitude" />
    <input type="submit" />
</form>

<script>
document.getElementById("my_form").addEventListener("submit", function (e) {
    if (document.getElementById("latitude").value === "" ||
        document.getElementById("longitude").value === "") {
        e.peventDefault(); // stop the submit
        alert("Please wait for values");
    }
});
</script>

document.getElementById（“我的表单”）.addEventListener（“提交”，函数（e）{
if（document.getElementById（“纬度”）.value==“”||
document.getElementById（“经度”）。值==“”）{
e、 peventDefault（）；//停止提交
警报（“请等待值”）；
}
});

您能提供更多关于它如何崩溃的信息吗？日志中有什么吗？在文本视图为空之前，你不能禁用按钮吗？这都是关于后端的！如果我提交带有空值的表单，我会得到空指针异常。因此，我希望在加载值之前看到加载图标非常感谢，但我希望在页面上看到加载图标，并在加载结果时发送表单。你能提供一个链接吗？