Javascript Js没有响应正确的信息

当提交值为空时，两个输入都会出现错误消息。但是，它工作正常。

若输入空值错误消息将更改为display:block，则脚本的另一侧是空值验证

这是下面的代码，任何人都可以帮助我，我非常感谢

功能验证（此表单）{
//fName的验证
if（！thisForm.fname.value.length）{
document.getElementById（'fname-error'）.style.display=“block”；
返回false；
}
//lName的验证
if（！thisForm.lname.value.length）//如果lname没有输入
{
document.getElementById（'lname-error'）.style.display=“block”；
返回false；
}
返回true；
}

。错误消息{
显示：无；
颜色：红色；
边框：1px实心；
宽度：120px；
左边距：10px；
}

错误消息不会同时正确显示
应用程序名称
名字
名字是必需的
姓
姓是必需的

问题在于您在

验证（）函数中提前返回。将其更改为：



错误消息不会同时正确显示
功能验证（此表单）{
//fName的验证
if（！thisForm.fname.value.length）
{
document.getElementById（'fname-error'）.style.display=“block”；
}
其他的
{
document.getElementById（'fname-error'）.style.display=“无”；
}
//lName的验证
if（！thisForm.lname.value.length）//如果lname没有输入
{
document.getElementById（'lname-error'）.style.display=“block”；
}
其他的
{
document.getElementById（'lname-error'）.style.display=“无”；
}
如果（！thisForm.fname.value.length | |！thisForm.lname.value.length）
{
返回错误
}
返回true；
}
.错误消息{
显示：无；
颜色：红色；
边框：1px实心；
宽度：120px；
左边距：10px；
}
应用程序名称
名字
名字是必需的
姓
姓是必需的