多步骤形式的必需属性

Question

我使用了多步骤表单，并且在某些输入字段中使用了 "required" 属性。因此

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

用户填写一张表格，点击下一步，点击三下后，他可以提交。

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

Answer 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>

希望对您有所帮助！

多步骤形式的必需属性

Required attribute in multi step form

html

forms

submit