PHP Javascript多步表单的问题答案

【问题标题】：Problem with Php Javascript Multistep FormPHP Javascript多步表单的问题
【发布时间】：2020-10-18 01:38:24
【问题描述】：

我有一个 php 多步骤表单的问题，它通常应该在一个页面中的不同步骤/表单之间切换。

但是，当我点击第一个“下一步”按钮时，不是滑动到下一个元素，而是页面刷新并显示第一步/表单。

<button class="firstNext next">Next</button>

我希望有人可以帮助我。以下是 CodePen 参考资料：

感谢您的帮助！

【问题讨论】：

当您单击 Codepen 中的下一步按钮时，您会收到以下错误消息：此 Pen 中的链接缺少 href 值，或者此 Pen 正在尝试更改 document.location。由于这是一个表单，看起来好像整个表单都在尝试提交。您需要将 this.preventDefault() 添加到每个 addListener 事件中。这可以防止按钮事件冒泡到表单事件。
我在function(){ 之后添加了this.preventDefault()，但同样的错误似乎仍然存在。
我已将代码更改为此，它工作！ nextBtnFirst.addEventListener("click", (event) => { event.preventDefault();

【解决方案1】：

我已将代码更改为此代码，并且可以正常工作！
nextBtnFirst.addEventListener("click", (event) => { event.preventDefault();

【讨论】：