Я проверяю форму начальной загрузки 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>