Проверка селектора начальной загрузки не работает

Question

Я пытаюсь подтвердить загрузку с моей формой. Все работает нормально, но селектор отображается зеленым, когда я нажимаю кнопку отправки, даже если ни один из параметров не был выбран.

empleadosForm.html

    <form id="formNuevoEmpleado" ng-submit="vm.submit()" class="needs-validation" novalidate>               
                <div class="form-group">
                    <label for="emailInput">Email</label>
                    <input type="email" class="form-control" id="emailInput" placeholder="name@futurespace.es"
                           ng-model="vm.email" aria-describedby="inputGroupPrepend" required>
                    <div class="invalid-feedback">
                        Introduce un e-mail válido
                    </div>
                </div>
                <div class="row">
                    <div class="col">
                        <label for="estadoCivilInput">Estado civil</label>
                        <select id="estadoCivilInput" class="form-control" ng-model="vm.estadoCivil" aria-describedby="inputGroupPrepend" required>
                            <option selected>Soltero</option>
                            <option>Casado</option>
                        </select>
                    </div>
                    <div class="col">
                        <label for="servicioMilitarInput">Servicio Militar</label>
                        <select id="servicioMilitarInput" class="form-control" ng-model="vm.servicioMilitar" aria-describedby="inputGroupPrepend" required>
                            <option selected>Si</option>
                            <option>No</option>
                        </select>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button type="submit" id="enviarEmpleado" class="btn btn-primary" style="background-color: #006cb7">Aceptar</button>
                </div>
            </form>
    </body>

loadFormValidation.js

    (function() {
        'use strict';
        window.addEventListener('load', function() {
            // Fetch all the forms we want to apply custom Bootstrap validation styles to
            var forms = document.getElementsByClassName('needs-validation');
            // Loop over them and prevent submission
            var validation = Array.prototype.filter.call(forms, function(form) {
                form.addEventListener('submit', function(event) {
                    if (form.checkValidity() === false) {
                        event.preventDefault();
                        event.stopPropagation();
                    }
                    form.classList.add('was-validated');
                }, false);
            });
        }, false);
    })();

Как вы можете видеть, я использую проверку, которую Bootstrap предлагает на их сайте https://getbootstrap.com/docs/4.3/components/forms/, но я читал, что есть другой способ сделатьэто с bootstrapValidation, и я спрашиваю вас, какой путь лучше или как я могу изменить свой код для работы таким образом