Javascript多个警报框

我用HTML创建了一个小注册表表单

我创建了一个JS，如果其中任何一个为空，它会弹出一个警报

现在，我想将所有警报合并为一个单独的警报，例如，在开始时，将显示一个包含所有警报的框，如果您完成了一个警报，如果您按“提交”，则将显示下一个框，而不会显示您已完成的框的警报

这是我的JS代码：

函数验证（）
{
如果（document.inrValid.Nume.value==“”）
{
警惕（“引见我的新朋友！”）；
document.inrValid.Nume.focus（）；
返回false；
}
如果（document.inrValid.Prenume.value==“”）
{
警惕（“引见我的朋友！”）；
document.inrValid.Prenume.focus（）；
返回false；
}
如果（document.inrValid.EMail.value==“”）
{
警报（“引见我收到电子邮件！”）；
document.inrValid.EMail.focus（）；
返回false；
}
如果（document.inrValid.Telefon.value==“”）
{
警报（“电视频道介绍”）；
document.inrValid.Telefon.focus（）；
返回false；
}
如果（document.inrValid.parola.value==“”）
{
警惕（“引见我的言语！”）；
document.inrValid.parola.focus（）；
返回false；
}
返回（真）；
}

努姆

Prenume

电子邮件

电传

帕罗拉


如注释中所述，您可以使用
required
属性作为验证的一种小形式

您还可以将所有错误消息添加到数组中，例如：


var checkForm=函数（）{
var foo=document.getElementById（'foo'）；
var bar=document.getElementById（'bar'）；
var错误=[]；
如果（foo.value.length==0）{
错误。推送（'Foo为空'）；
}
如果（bar.value.length==0）{
错误。推送（“条为空”）；
}
警报（errors.join（'，'）；
};
我建议您使用
required
属性，这样您就不需要编写自己的逻辑。