I'；我试图从HTML表单获取输入并将其传递给JavaScript函数

我创建了一个if语句来测试任何一个字段是否为空，并确保表单的值能够传递给函数。我尝试了在过程的两端对HTML和JavaScript进行一些修改，但仍然没有任何效果。我已经在下面发布了我当前的HTML文档和JavaScript代码。任何帮助都将不胜感激。谢谢

也不是所有的

document.getElementById（“”）.innerHTML=和
标记尚未设置

HTML

我认为更好的方法是将
required
属性简单地放在HTML输入中，这样您就不需要javascript来验证它，因为表单不会让用户提交，除非输入有一些值

例如：

<input type="text" name="zipCode" placeholder="Required" id="zipCodeEnter" required>



参考和工作演示：
在这种情况下，不需要使用标签，如果使用标签，则在getWeather函数中，必须使用此.preventDefault（）方法来防止表单post操作将页面跳转到“另一”页面。您可以将表单替换为div标签。然后，id，id的含义是标识符的缩写，如果一个页面或框架中有许多具有相同id值的元素，则只选择第一个元素。
您希望发生什么，以及当前正在发生什么？控制台中是否有任何错误？我认为一种可能性是，当您单击提交输入时，表单会尝试发布数据，有效地“刷新”页面。如果您不填写邮政编码框，屏幕顶部会出现警报，我只是用它来测试值是否被传递到函数，但什么都没有发生我应该说我仍然需要传递的值，因为我将在向web服务器发送的post请求中使用它们来获取天气数据，然后在网页上显示它。我会将其放入action属性中吗？如果标签不在标签标签中，我将如何设置标签的样式？
function getWeather() {
    var zipCode = document.getElementById('zipCodeEnter').value;
    var country = document.getElementById('countrySelect').value;
    if(zipCode=="" || country=="") {
        alert("Please complete form");
    }
    else{
        continue;
    }
    document.getElementById("location").innerHTML = "stuff";
    document.getElementById("longitude").innerHTML = "stuff";
    document.getElementById("latitude").innerHTML = "stuff";
    document.getElementById("weather").innerHTML = "stuff";
    document.getElementById("windSpeed").innerHTML = "stuff";
    document.getElementById("windGust").innerHTML = "stuff";
    document.getElementById("").innerHTML = "stuff";
    document.getElementById("").innerHTML = "stuff";
    document.getElementById("").innerHTML = "stuff";
    document.getElementById("").innerHTML = "stuff";
    document.getElementById("").innerHTML = "stuff";
}

<input type="text" name="zipCode" placeholder="Required" id="zipCodeEnter" required>