Javascript和HTML验证

在我的代码中，当用户不满足每个字段的要求时，我试图显示“必需”的跨度文本。但它不起作用。这个怎么了

函数验证（）{
var span=document.getElementsByTagName（“span”）；
var fname=document.registration.fname；
如果（fname.value==“”）{
跨度[0]。style.visibility=“可见”；
}否则{
跨度[0]。setAttribute（“样式”，“可见性：隐藏”）；
}
}

名字：
必修的

为什么不先将其初始化为隐藏？ 您只需将其初始化为隐藏，如果用户未正确设置，则将其设置为可见

函数验证（）{
var span=document.getElementsByTagName（“span”）；
var fname=document.registration.fname；
如果（fname.value==“”）{
跨度[0]。style.visibility=“可见”；
}否则{
跨度[0]。style.visibility=“hidden”；
}
}

名字：
必修的

我发现了我的问题。我没有提供我的全部代码，这就是为什么你们中的一些人感到困惑

它没有出现的原因是因为我的头上有另一个跨度。在我的javascript代码中，我将跨度声明为数组。因此，我的标题上的span就是span[0]索引。名字下面的span是span[1]

---

感谢您的帮助：）

在我的CSS代码中，类“error”可见性是隐藏的，只有在输入无效输入时才会显示，这是通过我上面的javascript代码实现的。您能对“it's not working”进行eleborate吗？@user4932301-您能提供一个实际演示问题的最小测试用例吗？此时，require消息始终可见。您的代码将转换为

如果没有fname，请将其设置为visible，否则也将
…在我的标记上，的可见性设置为hidden。只有当用户单击“提交”按钮并输入了无效输入时，才会显示。我的问题是，每当我在文本框上留空时，span标记就不会出现。