【问题标题】:Doubts about this multistep form对这种多步骤形式的怀疑
【发布时间】:2020-05-27 19:17:24
【问题描述】:

我找到了这个多步骤表单
我有两个疑问:
1) 如何将值从表单的第一步传递到第二步?
2)我如何控制 datepicker 的值不为空(所以在第一步停止用户)?

LINK MULTISTEP FORM

【问题讨论】:

  • 欢迎来到平台。这不完全是提问的方式。使用代码,搜索解决方案。当你被卡住时,分享你的代码,分享什么不起作用,正在发生什么,它与你的预期有何不同。
  • “步骤”只是视觉技巧,在我能看到的范围内显示和隐藏事物。您可以始终将表单的整个状态保持在后台,而无需在任何地方“发送”任何内容,至少在提交表单之前,您显然需要将整个数据集发送到服务器

标签: javascript php html css


【解决方案1】:

1) 你可以用 JavaScript 或 JQuery 来实现,你说它是一个多步表单,例如:它是一个 3 步骤形式。因此,您将每个步骤保留在不同的字段集中,然后默认情况下隐藏除第一个以外的所有字段集,当第一步完成时,隐藏已完成的步骤并显示下一步等等。

2) 当用户输入每个步骤的所有详细信息时,在进入下一步之前使用 jQuery 或 JavaScript 验证当前步骤输入值,如果不符合您的验证,则不显示下一步。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2018-10-18
    • 1970-01-01
    • 1970-01-01
    • 2020-12-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-04-14
    相关资源
    最近更新 更多