javascript - 在纯 JavaScript 中构建具有多个步骤的表单向导的最佳实践？

Question

我想制作一个问答网络应用程序。这将由多种形式组成。 当用户单击“下一步”按钮时，应加载下一个问题(如步骤 1、2 等)。那么创建多个表单的最佳实践是什么？

我应该为每个表单创建不同的页面吗？

我应该使用 javascript 或 php 验证它们吗？

<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
          <form id="form1" class="w3-container" method="post" action="#">
 
  <p>      
  <label>Answer 1</label>
  <input name="in1" class="w3-input w3-border" type="text"></p>
  <p>      
  <label>Answer 2</label>
  <input id="in2"  class="w3-input w3-border" type="text"></p>
  <p>      
  <label>Answer 3</label>
  <input id="in3" class="w3-input w3-border" type="text"></p>
  <p>      
  <label>Answer 4</label>
  <input id="in4"   class="w3-input w3-border" type="text"></p>
 <p><button class="w3-btn w3-block w3-indigo">next</button></p>

</form>

Answer 1

• 验证应始终在服务器端进行验证，因为客户端可能会被客户端操纵和更改。您还可以在客户端验证某些状态，只是为了更加“友好可用”。

• 您可以在每个页面上创建一个表单，或者使用 AJAX 加载下一个页面，同时服务器在提交时验证问题/答案的完整性。