Javascript 制表符赢得'；你不能在jQuery中工作吗？

我需要在预订表单中创建包含文本框的选项卡（3个选项卡），供用户填写然后提交。我似乎无法让它工作，但我不知道为什么？我是否将内容（文本框）放错了位置

$（文档）.ready（函数（）{
//制表符功能
$（“#预订选项卡”）.tabs（）；
var emailPattern=/\b[A-Za-z0-9.[uz%+-]+@[A-Za-z0-9.-]+\[A-Za-z]{2,4}\b/；
//在每个文本框后添加一个跨度元素
$（“：text”）。在（“*”）之后；
//将焦点移动到第一个文本框
$（“#到达日期”）.focus（）；
//表单的提交事件的处理程序
//单击“提交”按钮时执行
$（“#预订表”）。提交(
功能（事件）{
var isValid=true；
//验证请求的到达日期
如果（$（“#到达日期”）.val（）=“”）{
$（“#到达日期”）.next（）.text（“此字段为必填项”）；
isValid=false；
}否则{
$（“#到达日期”）.next（）.text（“”）；
}
//验证夜数
如果（$（“#夜”）.val（）=“”）{
$（“#夜”）.next（）.text（“此字段为必填项”）；
isValid=false；
}else if（isNaN（$（“#夜”）.val（））{
$（“#夜”）.next（）.text（“此字段必须是数字。”）；
isValid=false；
}否则{
$（“#夜”）.next（）.text（“”）；
}		
//验证名称条目
变量名称=$（“#名称”）.val（）.trim（）；
如果（名称==“”）{
$（“#名称”）.next（）.text（“此字段为必填项”）；
isValid=false；
} 
否则{
$（“#名称”）.val（名称）；
$（“#名称”）.next（）.text（“”）；
}
//使用正则表达式验证电子邮件条目
var email=$（“#email”）.val（）；
如果（电子邮件==“”）{
$（“#email”）.next（）.text（“此字段为必填项”）；
isValid=false；
}如果（！emailPattern.test（电子邮件））{
$（“#email”）.next（）.text（“必须是有效的电子邮件地址”）；
isValid=false；
}否则{
$（“#email”）.next（）.text（“”）；
} 
//验证电话号码
如果（$（“#电话”）.val（）=”）{
$（“#phone”）.next（）.text（“此字段为必填项”）；
isValid=false；
}否则{
$（“#phone”）.next（）.text（“”）；
}
//如果任何条目无效，请阻止提交表单
if（isValid==false）{
event.preventDefault（）；
}
}//结束函数
)；//结束提交
}); // 结束就绪

正文{
字体系列：Arial、Helvetica、无衬线字体；
字体大小：87.5%；
背景色：白色；
保证金：0自动；
宽度：600px；
边框：3件纯蓝；
填充：10px 20px；
}
传奇{
颜色：蓝色；
字体大小：粗体；
边缘底部：.8em；
}
标签{
浮动：左；
宽度：100px；
}
输入，选择{
左边距：1米；
右边距：1米；
边缘底部：.5em；
}
输入{
宽度：14em；
}
输入。左{
宽度：1米；
左侧填充：0；
}
字段集{
边界：无；
左边距：0；
边缘顶部：1米；
填充：0；
}
最后输入{
边缘底部：1米；
}
#成人、儿童{
宽度：35px；
}
#吸烟{
宽度：1米；
左边距：0；
}
#政策{
左边距：0；
宽度：15em；
}
#提交{
宽度：10em；
}
#对话p{
字号：85%；
}
.错误{
浮动：无；
颜色：红色；
字号：85%；
}

预订请求
预订请求





抵达日期：


晚上：


成人：
1.
2.
3.
4.


儿童：
0
1.
2.
3.
4.


房间类型：
标准
生意
套房

床型：
国王
双倍双倍

吸烟

姓名：


电邮：


电话：


取消或到达日期变更通知必须
在确认的货物到达日期前三天（72小时）收到
预订押金可退还。电子邮件通知是可以接受的，取消
将向您发送确认函。未能在预定到达日期办理登机手续
将导致取消预订，包括任何剩余的夜晚，
预订押金将被没收

选项卡是jQuery UI库的一部分（它与jQuery本身是不同的文件，因此您需要它们），您没有引用它们。（CDN）

我如何引用？在jQuery脚本之后，写下：您需要包括选项卡jQuery脚本或CDN链接