Javascript 为什么不是'；当我点击表单提交按钮时，它不会进入下一页吗？

我试图弄清楚为什么表单的“提交此表单”按钮没有将我带到我在

属性中指定的另一个HTML页面，不仅如此，而且当我输入错误的名字、电子邮件地址、订单号和订单日期时，它不会返回我在使用JavaScript的if-else代码中指定的JavaScript消息

下面是我在表单上使用的JavaScript代码

var$=函数（id）
{
返回文档.getElementById（id）；
}
var submitForm=function（）
{
var FirstName=$（“FirstName”）.value；
var OrderNumber=$（“OrderNumber”）.value；
var DateOfOrder=$（“订单日期”）。值；
var emailAddress=$（“电子邮件地址”）。值；
var isValid=true；
如果（名字！=“Cherry”、“Micheal”、“Sandra”、“Cookie”）
{
$（“firstname_错误”）.firstChild.nodeValue=
“此人不存在。”；
isValid=false；
}else{$（“firstname_error”）.firstChild.nodeValue=“”；}
如果（订单号！==3134423492343566）
{
$（“订单号错误”）.firstChild.nodeValue=“无效订单号。”；
isValid=false；
}else{$（“orderNumber_error”）.firstChild.nodeValue=“”；}
如果（订单日期！=“12-07-23”、“15-04-24”、“16-02-01”、“14-01-12”）
{
$（“订单日期错误”）.firstChild.nodeValue=“日期”在中不存在
系统”；
isValid=false；
}else{$（“订单日期错误”）.firstChild.nodeValue=”“}
如果（电子邮件地址！“cherryjackson@gmail.com", "michealroberts@yahoo.com",
"sandrabell@hotmail.com", "cookiedanny@outlook.com")
{
$（“电子邮件地址错误”）.firstChild.nodeValue=“电子邮件不存在”；
isValid=false；
}else{$（“电子邮件地址错误”）.firstChild.nodeValue=“”；）
如果（有效）
{
//如果所有条目均有效，请提交表格
$（“cookie_表单”）.submit（）；
}
}
window.onload=函数（）
{
$（“表格提交”）。onclick=submitForm；
$（“电子邮件地址”）.focus（）；
}

正文{
背景色：#FBE8；
}
/*告诉HTML5找到我的操作系统拥有的字体类型，然后将其用于标题1
并将第一个标题居中*/
h1{
字体系列：Arial、Helvetica、无衬线字体；
文本对齐：居中；
}
/*告诉HTML5在HTML源文件中为我的第一段使用任何字体类型
如果没有。也会清除一些空白
从段落的左边距开始，最后告诉它给出该段落
20像素的大小*/
p{
字体系列：Arial、Helvetica、无衬线字体；
填充：20px；
字体大小：20px；
}
标签{
浮动：左；
宽度：11em；
文本对齐：右对齐；
字体系列：Arial、Helvetica、无衬线字体；
颜色：80万；
}
输入{
左边距：1米；
边缘底部：.5em；
}
跨度{
颜色：红色；
}
.field_set_1{
边框颜色：紫色；
边框样式：实心；
}
#提交表格{
背景色：黑色；颜色：白色；
}
图例{
字体系列：Arial、Helvetica、无衬线字体；
颜色：蓝色；
} 
/*所有的类都只是用于定位和浮动四个
表单输入信息周围的相同图像*/
.Wrap1{
浮动：对；
利润率：40像素；
宽度：200px；
高度：200px；
}
.Wrap2{
浮动：左；
利润率：40像素；
宽度：200px；
高度：200px；
}
.clearfix{
明确：两者皆有；
}

饼干订购单
饼干订购单
此表单是一个cookie订购表单，适用于从购买cookie的客户
Daron's Cookies Company和以下各项必须按顺序填写
客户将收到最后一条消息，告知他们订单何时准备就绪

客户订单信息：
名字：
*

订单号：
*

订购日期：
*

电邮地址：
*

您的代码有很多错误，但最大的错误是验证测试，每个测试都遵循相同的结构：

if(FirstName !== "Cherry", "Micheal", "Sandra", "Cookie")

您不能根据逗号分隔的值列表测试

firstName

。每一个都必须单独测试，并且必须在它们之间使用复合逻辑运算符：

if(FirstName !== "Cherry" && FirstName !== "Micheal" &&
   FirstName !== "Sandra" && FirstName !== "Cookie")

您还使用了一个标准按钮，而不是“提交”按钮，在某些情况下，当按下ENTER键时，该按钮会导致绕过所有验证。始终使用提交按钮并在

submit

事件中进行验证

请参阅我的重组和重新组织的代码解决方案中的内联注释

堆栈溢出代码段环境（以下）不适用于窗体 （因为它是沙盒），但是可以运行相同的代码

//W3C DOM事件模型而不是节点事件属性：
addEventListener（“DOMContentLoaded”，function（））{
//由于我们现在使用的是submit事件，因此我们将该事件挂钩：
//JavaScript标识符的用例
var form=getElem（“cookieForm”）；
表格。附录列表（“提交”，验证）；
getElem（“emailAddress”）.focus（）；
//打开的大括号应与其打开的声明显示在同一行
//美元符号是合法标识符，但通常表示库（如JQuery）和
//如果不使用这些库，可能会造成混乱。
函数getElem（id）{
返回文档.getElementById（id）；
}
函数验证（evt）{
var输入=document.queryselectoral（“.validate”）；
//假设错误是更好的逻辑，这样可以避免“误报”
var isValid=false；
//循环遍历需要验证的字段
对于（变量i=0；i