Validation for select

xxxxxxxxxx
 
<div class="container my-5">
  <form class="row g-3 needs-validation" novalidate>
    <div class="col-md-6">
      <div class="">
        <select
          class="select"
          id="validationSelect"
          data-validation="true"
          data-valid-feedback="This value is valid"
          data-invalid-feedback="This value is invalid"
          >
          <option value="">Please Choose</option>
          <option value="one">Label one</option>
          <option value="two">Label two</option>
        </select>
        <label for="validationSelect" class="form-label select-label">No value option with label</label>
      </div>
    </div>
    <div class="col-md-6">
      <div class="">
        <select
          class="select"
          id="validationSelect2"
          data-validation="true"
          data-valid-feedback="This value is valid"
          data-invalid-feedback="This value is invalid"
          >
          <option value="zero"></option>
          <option value="one">Label one</option>
          <option value="two">Label two</option>
        </select>
        <label for="validationSelect2" class="form-label select-label">Value option with no label</label>
      </div>
    </div>
    <div class="col-md-6">
      <div class="">
        <select 
          class="select"
          id="validationSelect3"
          data-validation="true"
          data-valid-feedback="This value is valid"
          data-invalid-feedback="This value is invalid"
         >
           <option value=""></option>
          <option value="one">Label one</option>
          <option value="two">Label two</option>
        </select>
        <label for="validationSelect3" class="form-label select-label">No value option with no label</label>
      </div>
    </div>
    <div class="col-md-6">
      <div class="">
        <select 
          class="select"
          id="validationSelect4"
          data-validation="true"
          data-valid-feedback="This value is valid"
          data-invalid-feedback="This value is invalid"
         >
          <option value="one">Label one</option>
          <option value="two">Label two</option>
        </select>
        <label for="validationSelect4" class="form-label select-label">Option Value</label>
      </div>
    </div>
    <div class="col-12">
      <button class="btn btn-primary" type="submit">Submit form</button>
    </div>
  </form>
</div>

​

xxxxxxxxxx
 
// Example starter JavaScript for disabling form submissions if there are invalid fields
(function () {
'use strict';
​
// Fetch all the forms we want to apply custom Bootstrap validation styles to
var forms = document.querySelectorAll('.needs-validation');
​
// Loop over them and prevent submission
Array.prototype.slice.call(forms).forEach(function (form) {
form.addEventListener(
'submit',
function (event) {
if (!form.checkValidity()) {
event.preventDefault();
event.stopPropagation();
}
​
form.classList.add('was-validated');
},
false
);
});
})();

Console errors: 0