Question

我正在使用google maps api来加载用户的当前地理位置。当它完成加载时，我将2个值设置为2个隐藏的html表单：

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

如果用户在设置值之前按下提交，则应用程序崩溃。如何在页面上的2个元素包含信息之前创建加载元素？有任何链接或建议吗？谢谢！

Answer 1

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

<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>

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

1 个答案: