javascript - 带有验证的 Javascript 多步表单

Question

我正在尝试使用 javascript 和 div 创建一个多步表单。我知道如何以这种方式创建表单，但问题是我希望在移动到下一步之前验证每个步骤中的字段。示例：如果用户未填写必填字段或字段中有错误，则该框将以红色突出显示，并且在更正之前不会进入下一步。我知道如何进行验证，但无法停止页面。任何帮助将不胜感激。

谢谢！

Answer 1

要阻止表单提交，您需要添加

<form id="form" onsubmit="validate(); return false;">

验证是你的验证功能，然后你可以调用这样的东西

document.getElementById('form').submit()

如果表格有效；）