Javascript 多步骤形式的单选按钮验证

我尝试在我的多步骤表单中使用验证，当我使用验证时，在最后一步中，它可以很好地处理输入字段，但问题是，在第一步和第二步中，我使用单选选项，我尝试在那里使用验证，因此如果不选择任何选项，就无法进入下一步

$（文档）.ready（函数（）{
jQuery（'#suces'）.hide（）；
var current\u fs，next\u fs，previous\u fs；//字段集
var left，opacity，scale；//我们将设置动画的字段集属性
var animating；//防止快速多点单击故障的标志
$（“.next”）。单击（函数（事件）{
如果（动画）返回false；
动画=真；
当前_fs=$（this.parent（）；
next_fs=$（this.parent（）.next（）；
//使用next_fs的索引在progressbar上激活下一步
$（“#progressbar li”）.eq（$（“字段集”）.index（next_fs））.addClass（“活动”）；
//显示下一个字段集
next_fs.show（）；
//使用样式隐藏当前字段集
当前动画({
不透明度：0
}, {
步骤：函数（现在是mx）{
//随着当前_fs的不透明度降低到0-存储在“now”中
//1.将电流放大至80%
比例=1-（1-现在）*0.2；
//2.从右侧带下一个_fs（50%）
左=（现在是*50）+“%”；
//3.当下一个_fs移入时，将其不透明度增加到1
不透明度=1-现在；
当前_fs.css({
“变换”：“缩放（“+scale+”）”
});
next_fs.css({
"左":左,，
“不透明度”：不透明度
});
},
持续时间：800，
完成：函数（）{
当前_fs.hide（）；
动画=假；
},
//这来自自定义的放松插件
放松：“轻松返回”
});
});
$（“.previous”）。单击（函数（）{
如果（动画）返回false；
动画=真；
当前_fs=$（this.parent（）；
previous_fs=$（this.parent（）.prev（）；
//取消激活progressbar上的当前步进
$（“#progressbar li”）.eq（$（“字段集”）.index（当前#fs））.removeClass（“活动”）；
//显示上一个字段集
先前的_fs.show（）；
//使用样式隐藏当前字段集
当前动画({
不透明度：0
}, {
步骤：函数（现在是mx）{
//随着当前_fs的不透明度降低到0-存储在“now”中
//1.将以前的_fs从80%扩展到100%
比例=0.8+（1-现在）*0.2；
//2.将当前_fs向右移动（50%）-从0%
左=（（1-现在）*50）+“%”；
//3.移动前一个_fs时，将其不透明度增加为1
不透明度=1-现在；
当前_fs.css({
“左”：左
});
以前的_fs.css({
“转换”：“缩放（“+scale+”），
“不透明度”：不透明度
});
},
持续时间：800，
完成：函数（）{
当前_fs.hide（）；
动画=假；
},
//这来自自定义的放松插件
放松：“轻松返回”
});
});
$（“#msform”）.submit（函数（）{
var location=jQuery（'#location'）.val（）；
if（$.trim（位置）.length==0）{
document.getElementById（“位置”）.style.borderColor=“#E34234”；
jQuery（'.fs error'）.html（'请输入您的位置！'）；
jQuery（'.fs error'）.show（）；
返回false；
}
var date=jQuery（“#date”）.val（）；
如果（$.trim（date）.length==0）{
document.getElementById（“日期”）.style.borderColor=“#E34234”；
jQuery（'.fs error'）.html（'请输入日期！'）；
jQuery（'.fs error'）.show（）；
返回false；
}
var name=jQuery（'#name'）.val（）；
if（$.trim（name）.length==0）{
document.getElementById（“name”）.style.borderColor=“#E34234”；
jQuery（'.fs error'）.html（'请输入您的姓名！'）；
jQuery（'.fs error'）.show（）；
返回false；
}
var email=jQuery（'#email'）.val（）；
如果（$.trim（email）.length==0）{
document.getElementById（“email”）.style.borderColor=“#E34234”；
jQuery（'.fs error'）.html（'请输入您的电子邮件！'）；
jQuery（'.fs error'）.show（）；
返回false；
}
var phone=jQuery（'#phone'）.val（）；
如果（$.trim（电话）.length==0）{
document.getElementById（“电话”）.style.borderColor=“#E34234”；
jQuery（'.fs error'）.html（'请输入您的电话号码！'）；
jQuery（'.fs error'）.show（）；
返回false；
}
});
});






歌手
乐队
说唱歌手
DJ
喜剧演员
励志演说家
舞者
演员
名人礼宾部
事件类型
婚礼
私人聚会
$("#msform").submit(function() {

  //Your other validations here...

if (document.querySelectorAll('input[name="artist"]:checked').length > 0) {
    alert('Artist group has a selection.');
} else {
    alert('Artist group does not have a selection.');
}

if (document.querySelectorAll('input[name="event"]:checked').length > 0) {
    alert('Event group has a selection.');
} else {
    alert('Event group does not have a selection.');
}
}