如何验证除一个之外的所有表单字段？

Question

在下面的表格中，我需要验证First Name 、 Last Name和Gender是否已完成。 出生需要排除在验证之外。 我已经为所有元素设置了验证，但我不确定如何只排除一个字段。

如何在删除disabled属性之前验证除一个字段之外的所有字段？

 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="panel blank-panel"> <div class="panel-body"> <form action="" name="addNewPersonForm" id="addNewPersonForm"> <div class="form-group required"> <div class="col-sm-3 mt"> <label for="fname" class="is-required">First Name</label> <input type="text" id="fname" class="form-control" onkeyup="validateForm()"> </div> <div class="col-sm-3 mt"> <label for="lname" class="is-required">Last Name</label> <input type="text" id="lname" class="form-control" onkeyup="validateForm()"> </div> <div class="col-sm-2 mt"> <label for="gender" class="is-required">Gender</label> <select class="form-control" onkeyup="validateForm()"> <option value="" selected>Please Select</option> <option value="1">Female</option> <option value="2">Male</option> <option value="3">Unspecified</option> </select> </div> <div class="col-sm-2 mt"> <label for="birthDate" class="control-label">Birth</label> <div class="input-group date" id="birthDateDiv"> <span class="input-group-addon"><i class="fa fa-calendar"></i></span> <input type="text" placeholder="mm/dd/yyyy" class="form-control" id="birthDate" name="birthDate"> </div> </div> <div class="col-sm-2 mt"> <label for="dummy" class="control-label">&nbsp;</label> <input class="btn btn-primary form-control" type="submit" id="addPerson" value="Add Person" disabled="disabled"> </div> </div> </form> </div> </div> </div> </div> </div>

Answer 1

<script>
function validateForm(){
    const fields = document.querySelectorAll(".is-required + input,.is-required + select");
    console.log("Fields to validate:", fields)
}
</script>