Проверка формы, как исключить поле ввода? - PullRequest
0 голосов
/ 04 июля 2019

Я проверяю форму начальной загрузки 4 https://getbootstrap.com/docs/4.0/components/forms/#validation

Но мне нравится исключать поле ввода из проверки. Из примера

  <div class="col-md-4 mb-3">
  <label for="validationCustomUsername">Username</label>
  <div class="input-group">
    <div class="input-group-prepend">
      <span class="input-group-text" id="inputGroupPrepend">@</span>
    </div>
    <input type="text" class="form-control" id="validationCustomUsername" placeholder="Username" aria-describedby="inputGroupPrepend" required>

Nice! Вы получили это! Пожалуйста, выберите имя пользователя.

и я подумал, что если просто установить для атрибута false значение false, это бы сработало, но это не сработало

<input type="text" class="form-control" id="validationCustomUsername" placeholder="Username" aria-describedby="inputGroupPrepend" required="false">

Как только я нажму кнопку отправки, поле имени пользователя получит зеленую рамку.

Я также добавил этот .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);
        })();

Также проверка в меню выбора не работает:

    <select class="form-control" name="type" id="add_type" required>
         <option selected disabled>Select</option>
         <option value="1">Option 1</option>
          <option value="2">Option 2</option>
    </select>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...