如何在多步骤jquery中添加表单步骤验证（使用单选按钮）

Question

我使用了这个确切的示例代码（除了我添加了2个表单步骤）：

LINK TO SAMPLE FORM

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

先谢谢了！

Answer 1

您是否尝试过使用＆＃34;必需＆＃34;场？这可能有所帮助。 例如：

输入类型=＆＃34;文字＆＃34;占位符=＆＃34;输入名称＆＃34;需要

Answer 2

在next_fs变量声明$(".next").click下的next_fs = $(this).parent().next();函数中，您可以尝试以下内容：

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

这将查看当前帧中是否检查了任何单选按钮，然后取消按钮单击事件（如果没有）。您还可以在返回false之前弹出错误消息。

我没有重新创建和测试它，因为试图让自己阅读那些巨大的代码片段已经足够痛苦，但我认为这会帮助你。如果它没有工作，请告诉我。