Javascript 表单提交时如何将“显示无”更改为“阻止”

我在自己的时间里学习JSP、javascript和一点jquery，所以请不要介意可能可怕的代码或逻辑，但我正在制作一个表单，当我提交表单时，我希望它显示3个显示输入的标签，正如在下面的代码中看到的，我在提交之前就已经有了它，但我似乎不知道如何将CSS显示从无更改为块。它可能正盯着我的脸，但我想不出来

JSP

javascript

function myFunction() {
    var mainname, mainnum, mainloc;

    mainname = document.getElementById("Name").value;
    mainnum = document.getElementById("Num").value;
    mainloc = document.getElementById("Location").options[document.getElementById("Location").selectedIndex].value;

    if (mainname == "") {
        alert("Please enter your name");
        return false;
    }

    if (mainnum == "") {
        alert("Please enter your Number");
        return false;
    }

    if (mainloc == '') {
        alert("Please select a country from the list");
        return false;
    }

    document.getElementById("test").submit();
}

---

您可以按如下所示将显示设置为块

document.getElementById('lblName').style.display = 'block';
document.getElementById('lblNumber').style.display = 'block';
document.getElementById('lblLocation').style.display = 'block';

---

如果您有许多标签，可以使用：

var labels = document.getElementsByTagName('label');

for(var i=0; i<labels.length; i++){
    labels[i].style.display = 'block';
}

var labels=document.getElementsByTagName（'label'）；
对于（VARI=0；iIf），如果您不太了解javascript，则应该在单击按钮之后，更好地学习javascript
document.getElementById('lblName').style.display = 'block';
document.getElementById('lblNumber').style.display = 'block';
document.getElementById('lblLocation').style.display = 'block';

var labels = document.getElementsByTagName('label');

for(var i=0; i<labels.length; i++){
    labels[i].style.display = 'block';
}