带验证的 Javascript 多步骤表单

发布于 2024-10-03 09:14:54 字数 172 浏览 9 评论 0原文

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

谢谢!

I am trying to create a multistep form using javascript and div. I know how to create the form this way but the problem is I want the fields in each step to be validated before moving to the next. Example: If the user did not fill up a required field or have error in a field the box will be highlighted in red and they will not be bring to the next step until it is corrected. I know how to do validation but not able to stop the page. Any help will be appreciated.

Thanks!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

少钕鈤記 2024-10-10 09:14:54

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

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

您可以调用类似的方法;)

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

Validate 是您的验证函数,然后如果表单有效,

To stop the form from submitting you need to add

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

Validate is your function for validationg, then you can call something like this

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

if the form is valid ;)

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文