如何解决多步反应形式的验证
我正在尝试创建一个多步骤的 React 定价表。我已经创建了表单和定价部分。
但用户只需按下一步即可避免问题并查看下一部分。所以,我需要某种验证来阻止用户通过完成上一步来进入下一步。似乎不知道如何创建一个。
-
第 1 步:单选按钮检查(不需要验证)
-
第 2 步:填写国家、城市、邮政编码(需要验证)
-
第 3 步:填写电子邮件(需要验证)
我已经创建了一个有效的代码沙箱。 Here is the link。
解决方法
引入新的 canContinueToNextStage
并根据您的逻辑将其设置为 true 或 false。
然后使用它来禁用下一个按钮,或者如果您想启用单击但不移动到下一页,则在 onClick 中。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。