Javascript 使用Jquery隐藏字段时跳过表单验证

我最近回来尝试学习一些编码。在W3学校和这个网站的帮助下，当我提出具体问题时，我已经能够建立一个好看的表格

在混乱了几天之后，我终于能够让一个字段显示为隐藏，直到用JQuery检查它。我现在有一个问题，它不允许我进入下一步，因为代码试图验证隐藏字段（为空）

这是我的密码

var currentTab=0；//当前选项卡设置为第一个选项卡（0）
显示选项卡（当前选项卡）；//显示crurrent选项卡
功能显示选项卡（n）{
//此函数将显示表单的指定选项卡。。。
var x=document.getElementsByClassName（“选项卡”）；
x[n].style.display=“块”；
//…并修复上一个/下一个按钮：
如果（n==0）{
document.getElementById（“prevBtn”）.style.display=“无”；
}否则{
document.getElementById（“prevBtn”）.style.display=“inline”；
}
如果（n==（x.length-1））{
document.getElementById（“nextBtn”）.innerHTML=“提交”；
}否则{
document.getElementById（“nextBtn”）.innerHTML=“Next”；
}
//…并运行一个功能，该功能将显示正确的步进指示器：
固定步进指示器（n）
}
函数nextPrev（n）{
//此函数将确定要显示的选项卡
var x=document.getElementsByClassName（“选项卡”）；
//如果当前选项卡中的任何字段无效，请退出该功能：
如果（n==1&&！validateForm（））返回false；
//隐藏当前选项卡：
x[currentTab].style.display=“无”；
//将当前选项卡增加或减少1：
currentTab=currentTab+n；
//如果您已到达表单的末尾。。。
如果（currentTab>=x.length）{
//…表格将在以下时间提交：
document.getElementById（“regForm”）.submit（）；
返回false；
}
//否则，显示正确的选项卡：
显示选项卡（当前选项卡）；
}
函数validateForm（）{
//此函数用于验证表单字段
变量x，y，i，valid=true；
x=document.getElementsByClassName（“选项卡”）；
y=x[currentTab].getElementsByTagName（“输入”）；
//检查当前选项卡中每个输入字段的循环：
对于（i=0；i
*{
框大小：边框框；
}
身体{
背景色：#f1f1；
}
#正则表达式{
背景色：#ffffff；
保证金：100像素自动；
字体系列：雷威；
填充：40px；
宽度：70%；
最小宽度：300px；
}
h1{
文本对齐：居中；
}
输入{
填充：10px；
宽度：100%；
字号：17px；
字体系列：雷威；
边框：1px实心#AAAAA；
}
/*标记在验证时出错的输入框：*/
输入无效{
背景色：#ffdddd；
}
/*默认情况下隐藏所有步骤：*/
.标签{
显示：无；
}
钮扣{
背景色：#bda576；
颜色：#ffffff；
边界：无；
填充：10px 20px；
字号：17px；
字体系列：雷威；
光标：指针；
}
按钮：悬停{
不透明度：0.8；
}
#prevBtn{
背景色：#bbbbbb；
}
/*制作圆圈，指示表格的步骤：*/
.步骤{
高度：15px；
宽度：15px；
边际：0.2px；
背景色：#bbbbbb；
边界：无；
边界半径：50%；
显示：内联块；
不透明度：0.5；
}
.step.active{
不透明度：1；
}
/*标记已完成且有效的步骤：*/
.一步完成{
背景色：#bda576；
}
/*复选框代码*/
/*自定义标签（容器）*/
.集装箱{
显示：块；
位置：相对位置；
左侧填充：35px；
边缘底部：12px；
光标：指针；
字体大小：22px；
-webkit用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
}
/*隐藏浏览器的默认复选框*/
.容器输入{
位置：绝对位置；
不透明度：0；
光标：指针；
身高：0；
宽度：0；
}
/*创建自定义复选框*/
.对号{
位置：绝对位置；
排名：0；
左：0；
高度：25px；
宽度：25px；
背景色：#eee；
}
/*在鼠标悬停时，添加灰色背景色*/
.container:悬停输入~。选中标记{
背景色：#ccc；
}
/*选中复选框后，添加蓝色背景*/
.container输入：选中~.checkmark{
背景色：#2196F3；
}
/*创建复选标记/指示器（未选中时隐藏）*/
.勾选：之后{
内容：“；
位置：绝对位置；
显示：无；
}
/*选中时显示选中标记*/
.容器输入：选中~。选中标记：之后{
显示：块；
}
/*设置复选标记/指示器的样式*/
.容器。选中标记：之后{
左：9px；
顶部：5px；
宽度：5px；
高度：10px；
边框：纯白；
边框宽度：0 3px 3px 0；
-webkit变换：旋转（45度）；
-ms变换：旋转（45度）；
变换：旋转（45度）；
}
/*容器*/
.集装箱{
显示：块；
位置：相对位置；
左侧填充：35px；
边缘底部：12px；
光标：指针；
字体大小：22px；
-webkit用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
}
/*隐藏浏览器的默认复选框*/
.容器输入{
位置：绝对位置；
o
function isHidden(el) {
    var style = window.getComputedStyle(el);
    return (style.display === 'none')
}