javascript一次不显示所有警报

我点击注册表格而不填写，然后一个接一个地显示警报。但我想一次显示警报

函数验证（）{
如果（ftname.value==“”）{
document.getElementById（“fnameerror”）.innerHTML=“*请填写值。”；
返回false；
}
如果（ltname.value==“”）{
document.getElementById（“lnameerror”）.innerHTML=“*请填写值。”；
返回false；
}
如果（address.value==“”）{
document.getElementById（“adderror”）.innerHTML=“*请填写值。”；
返回false；
}
如果（city.value==“”）{
document.getElementById（“cityerror”）.innerHTML=“*请填写值。”；
返回false；
}
如果（state.value==“”）{
document.getElementById（“stateerror”）.innerHTML=“*请填写值。”；
返回false；
}
var zipno=/^[0-9]{6}$/；
if（zip.value.match（zipno））{}else{
document.getElementById（“ziperror”）.innerHTML=“*邮政编码应该正确。”；
返回false；
}
var phoneno=/^[789][0-9]{9}$/；
if（phone.value.match（phoneno））{}else{
document.getElementById（“pherror”）.innerHTML=“*电话号码应该正确。”；
返回false；
}
如果（email.value==“”）{
document.getElementById（“emailerror”）.innerHTML=“*请填写值。”；
返回false；
}
如果（box.checked==false）{
document.getElementById（“boxerror”）.innerHTML=“*请填写值。”；
返回false；
}
返回（真）；
}

.container{
背景颜色：灰色；
宽度：500px；
对齐内容：居中对齐；
背景：rgba（255，255，255，0.1）；
}
h1{
文本对齐：居中；
颜色：深灰色；
文字装饰线：下划线；
}
输入{
宽度：100%
}
#钮扣{
文本对齐：右对齐；
}
身体{
背景图片：url（“bg1.jpg”）；
背景位置：中心；
背景重复：无重复；
背景尺寸：封面；
填充：1.6%2%1.5%2%；
}

创建帐户

名字：
姓氏：
公司名称：
街道地址：
城镇/城市：
州/国家：
邮政编码/邮政编码：
电话：
电邮：


创建帐户
报名

在validate函数中，应该有一个跟踪变量

isValid

function validate(){
   var isValid = true;

        if (ftname.value=="") {
            document.getElementById("fnameerror").innerHTML="*Please fill the value.";
            isValid = false;
        }

        if (ltname.value=="") {
            document.getElementById("lnameerror").innerHTML="*Please fill the value.";
            isValid =  false;
        }
        //... the same pattern
            return isValid;
        }

---

在函数的顶部设置一个变量以跟踪验证是否失败，并根据if语句设置该变量，然后在底部返回其最终值

一旦您从函数返回任何值，它就会停止，并且在该点之后不会在函数内部运行任何代码

function validate() {
    var errors = false;
    if(some condition) {
        // update UI
        errors = true;
    }
    return errors;
}

---

只需使用“return；”进行检查即可而不是返回错误；同时更改为onsubmit=“validate（）”