Как отключить стиль проверки начальной загрузки 4 для действительных элементов управления ⇐ Jquery

[Anonymous]

Я использую стиль начальной загрузки 4 для своего приложения. Приложение имеет два текстовых поля и одну кнопку отправки. Когда вы нажимаете кнопку «Сохранить», он вызывает веб-API и асинхронно получает некоторые сведения (страница не перенаправляется).
Проверка применяется только для первого текстового поля.

Код: Выделить всё

(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);
})();

Код: Выделить всё

Test Page





Name



Please enter the name.




Address:

Моя проблема: < /p>

Когда я нажимаю кнопку «Сохранить», не вводя никаких значений в текстовые поля, стиль зеленого цвета (истинный стиль проверки) применяется к текстовому полю «Адрес». Я не хочу, чтобы это произошло.

Мне нужно применять только стиль красного цвета (стиль с ошибкой проверки), если проверка не удалась. Если значения введены (проверка верна), мне не нужно применять какие-либо стили к текстовым полям.

Кроме того, когда я ввожу какое-либо значение в текстовое поле «Имя» и нажимаю кнопку «Сохранить», мне не нужен зеленый цвет для этого текстового поля.< /p>

Снимок экрана:

[img]https: //i.sstatic.net/MChR0.png[/img]


Подробнее здесь: https://stackoverflow.com/questions/560 ... d-controls