Javascript 逐步登记表

我的html中有这段代码，它验证输入=[type]，当系统检测到空时，它将不会在下一步继续，如何禁用它？因为我的一些领域不是必需的

例如，输入类型是必需的，而不是必需的。如果用户填写的是firstname而不是middlename，则会继续下一步

<tr>
    <td>
        <label for="landmark-formbuilder-0" class="form-control-label mbr-fonts-style display-7"><strong>Contact number *</strong></label>
         <input id="input" placeholder="Firstname" oninput="this.className = ''" name="MotherFirstname">
    </td>
    <td>
        <label for="landmark-formbuilder-0" class="form-control-label mbr-fonts-style display-7"><strong>Middlename *</strong></label>
        <input placeholder="Middlename" oninput="this.className = ''" name="MotherMiddlename">
    </td>
    <td>
        <label for="landmark-formbuilder-0" class="form-control-label mbr-fonts-style display-7"><strong>Lastname *</strong></label>
        <input placeholder="Lastname" oninput="this.className = ''" name="MotherLastname">
    </td>
</tr>
<script>
    function validateForm() {
      // This function deals with validation of the form fields
      var x, y, i, valid = true;
      x = document.getElementsByClassName("tab");
      y = x[currentTab].getElementsByTagName("#input");

      // A loop that checks every input field in the current tab:
      for (i = 0; i < y.length; i++) {
        // If a field is empty...

        if (y[i].value == "") {
          // add an "invalid" class to the field:
          y[i].className += " invalid";
          // and set the current valid status to false
          valid = false;
        }
      }

      // If the valid status is true, mark the step as finished and valid:

      if (valid) {
        document.getElementsByClassName("step")[currentTab].className += " finish";
      }
      return valid; // return the valid status
    }
    </script>

这是我的web控制台中的错误：

从这一行：

---

Javascript不需要修改或修改

y = x[currentTab].getElementsByTagName("#input");

到

如果您将id设置为输入，也可以在图像中使用getElementByIdinput。

您可以在html标记中使用必需的属性，该属性将自动为必需，并且您可以将不需要的属性保留为空

请参阅此JSFIDLE：

y = x[currentTab].getElementsByTagName("input");