Javascript 表单验证错误。重定向到错误页面

所以我创建了一个表单。我正在尝试使用JavaScript验证字段。当我按submit时，它什么也不做。它只是将我发送到一个页面，说“找不到您的文件”。我确实意识到代码主要是HTML而不是JS。我一直在测试，因为我要去，它已经不工作了。谢谢你的帮助

这是我的密码：

函数validateForm（）{
var firstname=document.myForm.fname.value；
如果（firstname==“”| | firstname==“”）{
警报（“名字为空！”）；
返回false；
}
var middlename=document.myForm.middle.value；
如果（中间=“”| |中间=“”）{
警报（“中间名为空”）；
返回false；
}
}
函数validateForm（）{
var firstname=document.myForm.fname.value；
如果（firstname==“”| | firstname==“”）{
警报（“名字为空！”）；
返回false；
}
var middlename=document.myForm.middle.value；
如果（中间=“”| |中间=“”）{
警报（“中间名为空”）；
返回false；
}
var lastname=document.myForm.lname.value；
如果（lastname==“”| | lastname==“”）{
警报（“姓氏为空”）；
返回false；
}
}

我的表单验证
*名字：



中/首字母：



*姓氏：



*电邮：



电话：





*原因:
信息需求
反馈
其他



*信息：

尝试用Javascript而不是内联eval HTML附加处理程序，并使用

preventDefault

防止默认表单提交

<form name="myForm" action="fakeFormCheck.php" method="post">

将

preventDefault（）

添加到

validateForm

函数中，并在表单有效后返回

true

函数验证表单（e）{
e、 预防默认值（）；
var firstname=document.myForm.fname.value；
如果（firstname==“”| | firstname==“”）{
警报（“名字为空！”）；
返回false；
}
var middlename=document.myForm.middle.value；
如果（middlename==“”| middlename==“”）{
警报（“中间名为空”）；
返回false；
}
}

*名字：


中/首字母：


*姓氏：


*电邮：


电话：





*原因:
信息需求
反馈
其他


*信息：

在

onsubmit=“validateForm（）”

中使用return，例如

onsubmit=“return validateForm（）”

。第二件事是在

middlename

变量中使用中间名，但要检查其他变量

if（middle==“|124; middle==”）{

document.querySelector('form[name="myForm"]').addEventListener('submit', (e) => {
  // do tests
  if (invalid) {
    // something is invalid, prevent the default action of submitting the form:
    e.preventDefault();
  }
  // else the form will submit by default
});