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

How to add form step validation in multi step jquery from (With radio buttons)

本文关键字：验证 单选按钮 添加 jquery 表单      更新时间：2023-09-26

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

链接到示例表单

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

提前感谢！

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

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

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

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

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

输入类型 ="文本"占位符 = 需要"输入名称"

相关文章：