使用JavaScript验证HTML表单

我对JavaScript和HTML相当陌生。我正在尝试使用JavaScript验证反馈HTML表单。虽然如果输入框为空，代码应显示警报，但不会显示警报。我已经研究了这个问题，并对我的代码进行了修改，但是这些似乎都不起作用

JavaScript代码：

函数validateForm（）{
var firstName=document.forms['feedback']['firstName'].value；
如果（firstName==null | | firstName==“”）{
警报（“需要名字”）；
返回false；
}
var lastName=document.forms['feedback']['lastName'].value；
如果（lastName==null | | lastName==“”）{
警告（“需要姓氏”）；
返回false；
}
var email=document.forms['feedback']['email'].value；
如果（email==null | | email==“”）{
警报（“需要电子邮件地址”）；
返回false；
}
var date=文件.forms['feedback']['date'].值；
如果（日期==null | |日期==“”）{
警报（“需要访问日期”）；
返回false；
}
var tips=document.forms['feedback']['tips'].value；
如果（tips==null | | tips==“”）{
警告（“需要网页设计提示”）；
返回false；
}
返回true；
}

HTML代码：

名字：

姓氏：

电子邮件地址：

访问日期：

网页设计提示：


提交

---

提前谢谢

您实际上并没有调用函数，您应该返回validateForm（）称之为：

函数validateForm（）{
var firstName=document.forms['feedback']['firstName'].value；
如果（firstName==null | | firstName==“”）{
警报（“需要名字”）；
返回false；
}
var lastName=document.forms['feedback']['lastName'].value；
如果（lastName==null | | lastName==“”）{
警告（“需要姓氏”）；
返回false；
}
var email=document.forms['feedback']['email'].value；
如果（email==null | | email==“”）{
警报（“需要电子邮件地址”）；
返回false；
}
var date=文件.forms['feedback']['date'].值；
如果（日期==null | |日期==“”）{
警报（“需要访问日期”）；
返回false；
}
var tips=document.forms['feedback']['tips'].value；
如果（tips==null | | tips==“”）{
警告（“需要网页设计提示”）；
返回false；
}
返回true；
}

名字：

姓氏：

电子邮件地址：

访问日期：

网页设计提示：


提交

如果没有实际执行该函数，则需要使用

（）

调用该函数。您只需返回一个函数对象

return validateForm

@HalaFadel，如果它解决了您的问题，请接受答案。