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

我使用谷歌地图API来加载用户的当前地理位置。当它完成加载，我把2个值2个隐藏的HTML表单：Javascript显示加载图标，直到textview设置值

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

如果设定值之前用户按下提交，应用程序崩溃。如何才能制作加载元素，直到页面上的2个元素包含信息？任何链接或建议？谢谢！

来源

2017-06-08 Andrew T

你能提供关于它如何崩溃的更多信息吗？日志中的任何内容？ –

在textview为空之前不能禁用按钮吗？ – Alessandro

这是关于后端！如果我用空值提交表单，我会得到空指针异常。所以我希望看到一个加载图标，直到加载值 –

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

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

来源

2017-06-08 15:28:22 Halcyon

非常感谢您，但我希望在页面上看到一个加载图标，并在加载结果时发送表单。你能提供一个链接吗？ –

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

回答

相关问题