使用jQuery的多步形式，如果JS关闭，它会很好地降级

Question

我目前已经设置了表单，以便使用Ajax刷新每个部分，但是在关闭JavaScript时它没有优雅地降级，我已经考虑将表单的每个部分放到一个单独的视图中工作正常但说实话并不是那么好。

我知道客户希望它看起来不错，所以我考虑使用jQuery来显示和隐藏表单，所以如果关闭JavaScript，那么所有表单都会构建一个长表单。然而，我面临的唯一问题是，在每个部分之后，用户需要提交此信息，以便在下一阶段完成之前对其进行验证。如果关闭JavaScript，我怎么能这样做，因为其他表格将是可见的......

有什么想法吗？感谢。

Answer 1

您可以考虑使用一个分为多个部分的长格式，然后如果启用了JavaScript，则一次只隐藏一个部分，提供部分之间的导航（例如，通过tabs）。

或者，您可以查看使用script和noscript部分，但最终会复制表单（一次在script部分，一次在noscript中部分），它开始成为一个维护问题。

Answer 2

你做错了就是你在反思。当你使用javascript禁用它时，应用一些javascript功能会更容易。

除此之外，我还将根据用户流程中的步骤显示不同的表单。并且该表单将最后一步的值传递给隐藏字段。这样你就可以在没有启用js的情况下进行“步骤”注册。

？step = 1，假设你使用php <?php if (isset($_GET['step']) && $_GET['step'] == '1'): ?>

然后只需使用ajax重新加载包含表单的部分。