Javascript 验证输入，然后在填写后关闭div

我对HTML、JavaScript非常陌生，只是想知道如何检查我的

字段集

中的输入字段是否由用户完成，如果是这样，

字段集

将折叠成它的图例。下面我已经创建了将

字段集

折叠到图例中的脚本，我只需要创建验证脚本，但我不知道如何创建它

函数doit2（）{
if（document.getElementById（'two'）.style.display=='none'）{
document.getElementById（'two'）.style.display='block'；
}否则{
document.getElementById（'two'）.style.display='none'；
}
}

姓或姓：
姓名：
出生日期:
男性
女性
不适用

验证的第一步，您需要添加到每个输入

required

内部输入标记中。如果您对默认验证没有意见，您可以保持原样，否则您可以使用正则表达式。如果您决定使用任何框架（bootstrap、angular），它们也有自己的验证器

您可以使用或获取输入值并验证它们。对于您的情况，您可以使用

document.getElementsByName

如下：

函数验证（）{
if（document.getElementsByName（'personal'）[0].value.length==0）{
//设置错误
警报（“错误”）；
返回false；
}
//在此处添加其他验证
返回true；
}
//....
函数doit2（）{
if（validate（））{
if（document.getElementById（'two'）.style.display=='none'）{
document.getElementById（'two'）.style.display='block'；
}否则{
document.getElementById（'two'）.style.display='none'；
}
}
}

姓或姓：

试试这个：

函数validateForm（）
{
调试器；
变量字段=[“姓氏”、“姓名”、“出生日期”]
变量i，l=字段长度；
变量字段名；
对于（i=0；i

姓或姓：
姓名：
出生日期:
男性
女性
不适用

但我如何首先检查所有输入是否已填充，然后再运行我的小脚本？你能给我一个简单输入的基本例子吗？谢谢你的帮助！是的，验证不是特定于浏览器的，您可以随时查看caniuse网站。当然，非常旧的浏览器将不支持它，但它们将不支持html5。我有一种感觉，字段集不会因为单选按钮而关闭？字段集将在您填写所有文本框字段并为meIs工作后关闭。有没有一种方法可以在用户填写完所有内容后自动关闭字段集？