带验证的Javascript多步骤表单

时间:2010-11-17 21:47:39

标签: javascript forms multipage

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

谢谢!

1 个答案:

答案 0 :(得分:0)

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

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

验证是您验证的功能,然后您可以调用类似这样的内容

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

如果表格有效;)