Javascript 基于必填字段类型的Jquery表单验证

我正在使用jQuery进行表单验证，我对每个输入字段都使用了

id

。现在我想添加jquery

typeof（）

method如果字段是text，textarea应该在一个循环中进行验证，比如这个电话号码和电子邮件等等。我想在if/else条件下编写它。此表单工作正常，但无线电和复选框未被验证（提交时应抛出错误）。但是现在我想完全改变我的代码，正如我上面提到的。如果有任何错误，请随时告诉我。我不想使用任何外部插件

有人能告诉我怎样才能实现目标吗

任何帮助都将不胜感激

$（文档）.ready（函数（）{
$（'.success_msg'）.hide（）；
/*名字*/
$（'#contact_name'）。在（'input'，function（）上{
var输入=$（此）；
var regex=/^（[^0-9]*）$/；
var是_name=regex.test（input.val（））；
如果（是你的名字）{
input.removeClass（“无效”）.addClass（“有效”）；
}否则{
input.removeClass（“有效”）.addClass（“无效”）；
}
});
/*电子邮件*/
$（'contact#u email'）。在（'input'，function（）上{
var输入=$（此）；
var regex=/^[[U a-z0-9-]+（\.[U a-z0-9-]+）*@[a-z0-9-]+（\.[a-z0-9-]+）*（\.[a-z]{2,4}）$/；
var是_email=regex.test（input.val（））；
如果（是电子邮件）{
input.removeClass（“无效”）.addClass（“有效”）；
}否则{
input.removeClass（“有效”）.addClass（“无效”）；
}
});
/*电话*/
$（'contact#u phone'）。在（'input'，function（）上{
var输入=$（此）；
var regex=/^\（？（[0-9]{3}）\）？[-.]（[0-9]{3}）[-.]？（[0-9]{4}）$/；
var是_phone=regex.test（input.val（））；
如果（是电话）{
input.removeClass（“无效”）.addClass（“有效”）；
}否则{
input.removeClass（“有效”）.addClass（“无效”）；
}
});
/*信息*/
$（“#联系信息，#联系查询”）.keyup（功能（事件）{
var输入=$（此）；
var message=$（this.val（）；
如果（信息）{
input.removeClass（“无效”）.addClass（“有效”）；
}否则{
input.removeClass（“有效”）.addClass（“无效”）；
}
});
/*单选按钮*/
$（“#联系男性，#联系女性”）。单击（函数（）{
如果（$（this）.is（“：checked”））{
$（this）.removeClass（“无效”）.addClass（“有效”）；
}如果（$（this）.is（：not（：checked）），则为else{
$（此）.removeClass（“有效”）.addClass（“无效”）；
}
});
/*复选框*/
//$（“#联系检查”）。单击（函数（）{
//如果（$（this）.is（“：checked”））{
//$（this）.removeClass（“无效”）.addClass（“有效”）；
//     }
//如果（$（this）.is（：not（：checked）），则为else{
//$（此）.removeClass（“有效”）.addClass（“无效”）；
//     }
// });
/*提交*/
$（“#提交表格”）。单击（功能（事件）{
var form_data=$（“#contact”）.serializeArray（）；
var error_free=真；
for（表格_数据中的var输入）{
变量元素=$（“#联系人”+表单数据[输入]['name']）；
var valid=element.hasClass（“有效”）；
var error_element=$（“span”，element.parent（））；
如果（！有效）{
error_element.removeClass（“error”）.addClass（“error_show”）；
无错误=错误；
}否则{
error_element.removeClass（“error_show”）.addClass（“error”）；
}
}
如果（！无错误）{
event.preventDefault（）；
}否则{
$（'.success_msg'）.fadeIn（）.delay（3000.fadeOut（）；
$（'input，textarea，select'）.val（''）.removeClass（'valid'）；
event.preventDefault（）；
}
});
});
.success\u msg{
宽度：350px；
线高：40px；
边框：1px纯绿色；
边界半径：5px；
背景色：rgba（213251870.7）；
显示：无；
位置：绝对位置；
底部：5px；
左：50%；
转化：translateX（-50%）；
z指数：999；
文本对齐：居中；
}
.iva导航{
宽度：100px；
文本对齐：居中；
颜色：#fff；
字体大小：16px；
字号：600；
过渡：所有0.74秒缓解；
利润率：10px；
填充：10px；
光标：指针；
位置：相对位置；
过渡：所有.7都易于输入输出；
}
.iva导航跨度{
变换：translateZ（8px）；
-webkit用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
位置：相对位置；
z指数：999；
}
.iva导航：之前{
内容：''；
位置：绝对位置；
填充：10px；
排名：0；
左：0；
宽度：100%；
身高：100%；
背景色：rgba（254,180,29,0.3）；
框大小：边框框；
边框：1px实心rgba（255、225、225、0.4）；
过渡：所有0.5s缓进缓出；
z指数：50；
}
.iva导航：之后{
内容：''；
位置：绝对位置；
填充：10px；
排名：0；
左：0；
宽度：100%；
身高：100%；
背景色：rgba（254,180,29,0.3）；
框大小：边框框；
边框：1px实心rgba（255、225、225、0.4）；
过渡：所有0.6秒缓进缓出；
z指数：25；
}
.iva导航：悬停：之前{
变换：旋转（225度）；
背景色：rgba（254,180,29,0.6）；
边框：1px实心rgba（255、225、225、0.1）；
}
.iva导航：悬停：之后{
变换：旋转（133度）；
背景色：rgba（254,180,29,0.6）；
边框：1px实心rgba（255、225、225、0.1）；
}
.花式标题-s1{
最大宽度：1400px；
宽度：100%；
保证金：0自动；
字体大小：40px；
填充：25px0；
颜色：#ffffff；
}
.花式标题-s2{
字体大小：30px；
利润率：20px0；
颜色：#fff；
}
.花式头衔{
显示：块；
字体大小：13px；
利润率：20px0；
字体大小：400；
颜色：#ffffff；
}
.cfar-s1.cfar标题{
文本对齐：居中；
}
*：焦点{
大纲：无；
}
首席财务官{
最大宽度：1140px；
宽度：100%；
保证金：0自动；
位置：相对位置；
框大小：边框框；
}
.cfar-s1{
填充：40px 100px；
背景色：#313439；
}
.cfar-s1.奇特的头衔跨度{
位置：相对位置；
文本转换：大写；
光标：指针；
}
.cfar-s1.花式标题跨度：后{
内容：“.”；
位置：相对位置；
最高：50%；
显示：内联块；
转化：translateY（-15%）；
利润率：0.10px；
}
.cfar-s1.花式标题跨度：最后一个孩子：之后{
内容：“；
右边距：0；
}
.cfar-s1.fa