Question

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

Answer 1

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

您可以将onsubmit事件侦听器绑定到表单元素，该表单元素将在用户提交数据时触发。由于您希望逐步验证表单，您只需要在每个步骤中验证当前步骤的字段，您应该使用event.preventDefault()来停止在第一步和第二步中提交数据。代码可能会像：

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

或者您可以在用户修改后立即验证该字段;例如将onblue事件侦听器附加到文本字段以处理用户的输入。

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