带验证的Javascript多步骤表单

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

---

谢谢

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

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

---

如果表格有效；）

考虑过使用jQuery之类的js框架吗？在所有字段都有效之前，是否有要禁用的“下一步”按钮，可能会立即标记无效字段。或者，您是否希望在按下“下一步”按钮且未提前进行验证时进行验证？源代码或答案的

purple

实际上，在这种情况下，

validate（）

将永远不会被调用--

返回false

将立即终止代码或生成错误<如果验证未能阻止表单提交，则代码>验证（此）应返回

false

。需要注意的一点是，您必须实际返回false；在onsubmit中。“return validate（）”无法在“某些”浏览器中正确运行。所以您需要“validate（）；returnfalse；”

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