多步骤表单中的必需属性答案

【问题标题】：Required attribute in multi step form多步骤表单中的必需属性
【发布时间】：2018-09-02 07:44:51
【问题描述】：

我使用了多步表单，并且在某些输入字段中使用了“必需”属性。就这样

<input type="text" placeholder="Full name" id="name" name="name" required="Please enter your full name">

用户填写一个表单并单击下一步，三个下一步后他可以提交。

但仅当我单击提交按钮时才会触发 required 属性。我希望用户在单击表单上的下一步之前填写所有字段。我的意思是必须在下一个按钮上触发。

【问题讨论】：

请展示你到目前为止所做的事情，你的代码。
@GermaVinsmoke 这是一个相当大的表格。我可以向您展示其中一个输入字段。

标签： html forms submit

【解决方案1】：

您可以运行一个函数来检查输入字段是否为空，然后将所需的属性添加到输入元素。

示例代码：

function checkValue() {
    	var name = document.getElementById("name");
        if(name.value === "") {
          var att = document.createAttribute("required");
          name.setAttributeNode(att);
        }
    }

<form>
  <input type="text" placeholder="Full name" id="name" name="name">
  <button onclick = "checkValue()">Next</button>
</form>

希望这会有所帮助！

【讨论】：