Javascript 如何将表单一步一步（3步）验证到旋转木马中？

我需要在旋转木马中分三步构建一个表单。我正在使用引导创建网站，但我不知道如何在不提交数据的情况下验证表单的一个步骤，在向用户显示第二步（或第二张幻灯片）后，继续填写表单，直到用户可以提交数据的第三步（或第三张幻灯片）。有人有主意吗？

您可能只想在本地验证表单的字段

您只需将

onsubmit

事件侦听器绑定到表单元素，当用户提交数据时将触发表单元素。由于要一步一步地验证表单，您只需要在每个步骤中验证当前步骤的字段，您应该使用

event.preventDefault（）

在步骤一和步骤二停止提交数据。代码可能类似于：

ndForm.addEventListener('submit', function(e) {
    if (!checkSteps()) {
        e.preventDefault();
    }
});

也可以在用户修改字段后立即对其进行验证；e、 g.将

onblue

事件侦听器附加到文本字段以处理用户输入

我更喜欢第一种方式，因为代码更清晰，更易于维护