Javascript 如何在多步骤jquery from中添加表单步骤验证（带有单选按钮）

我使用的正是这个示例代码，只是我又添加了两个表单步骤：

我的所有步骤都是单选按钮而不是文本框每个表单页面有2个单选按钮。我如何验证各个表单页面，以便在没有选择单选按钮的情况下表单不会前进，理想情况下会给用户反馈以进行单选按钮选择？现在，即使没有像演示中那样进行字段或选择，表单也将前进。见上面的链接

---

提前感谢

您是否尝试过使用必填字段？这可能会有帮助。 例如：

输入类型=文本占位符=在$.next中输入所需的名称

。单击next_fs变量声明next_fs=$this.parent.next下方的函数；您可以尝试以下方法：

if (current_fs.find('input:radio:checked').length == 0) {
    // Add error message handling here
    return false;
}

这将查看当前帧中是否有选中的单选按钮，如果没有，则取消按钮单击事件。您还可以在返回false之前弹出一条错误消息

---

我没有重新创建和测试它，因为试图强迫自己去阅读那庞大的代码已经够痛苦的了，但我认为这会帮到你。如果它不起作用，请告诉我。

就像我在上面的帖子中提到的那样。我只使用单选按钮而不是文本字段，我确实尝试了一个必需的属性，但只要你用下一个类单击下一个按钮，jquery脚本就会运行并加载下一个字段集。谢谢Bryce，我现在就开始尝试！我会让你知道它是如何运行的：试过之后，它就完全停止工作了。控制台中没有错误“下一步”按钮不会随着添加的代码而升级。这是脚本顶部的一个副本，代码是我添加的：$.next.clickfunction{if animating return false；animating=true；current_fs=$this.parent；next_fs=$this.parent.next；if current_fs.find'input:checkbox:checked'。长度==0{//Add error message handling here return false；}对不起，一定很晚了。我以为你说的是复选框而不是单选按钮。我会找到答案的。将选择器从输入：复选框：选中更改为输入：单选：选中Hanks Bryce！我们快到了。你必须选中单选按钮才能继续前进。唯一的问题是：如果你点击提交第一步T、 点击下一步，页面将不会向前移动，然后你选择一个单选按钮，点击下一步，页面将不会向前移动。因此，基本上，如果你没有先选中单选按钮，然后点击下一步…在之后选择单选按钮将不起作用。所以我需要刷新页面并开始进行选择，以便继续。有什么想法吗？再次感谢。