[PRAC/cont] Fix not displaying "is-invalid" msg's

Exclud not displaying modal-inputs "invalid" msg's/borders (on submit).

Worth noting:
  - and CSS corrections.

core: B-3 / JS-BL

Author: matowdev

core-courses/3-js-basic-level/practicum-js-basic-level/sb-crm-client/css/modal-type.css

@@ -111,6 +111,10 @@
   min-height: 45px;
 }
 
+.modal__body-inputs-wrap .modal__body-input.is-invalid {
+  border-bottom: 1px solid var(--bootstrap-red);
+}
+
 .modal__body-input:focus {
   border-color: var(--main-purple);
   /* тень только снизу */

core-courses/3-js-basic-level/practicum-js-basic-level/sb-crm-client/js/index.js

@@ -894,25 +894,32 @@
       const parent = input.parentNode;
       const feedback = parent.querySelector('.invalid-feedback');
 
-      if (input.value.trim() === '') {
+      if (input.value.trim() === '' || !input.checkValidity()) {
         // определение/вывод сообщения в зависимости от "класса" инпута
-        if (input.classList.contains('modal__body-add-contact-input')) {
-          validErrors.push('Заполните поле контакта или удалите!');
-          if (feedback)
-            feedback.textContent = 'Заполните поле контакта или удалите!';
-        } else if (!input.classList.contains('modal-patronymic-input')) {
-          validErrors.push(`Заполните поле "${input.placeholder}"!`);
-          if (feedback)
-            feedback.textContent = `Заполните поле "${input.placeholder}"!`;
-        } else if (input.classList.contains('modal-patronymic-input')) {
-          // индивидуальное сообщение для поля "Отчество", НО без добавления в массив ошибок
-          if (feedback)
-            feedback.textContent =
-              'Заполните поле "Отчество" или оставьте его пустым!';
-        }
+        if (!input.classList.contains('is-invalid')) {
+          if (input.classList.contains('modal__body-add-contact-input')) {
+            validErrors.push('Заполните поле контакта или удалите!');
+            if (feedback)
+              feedback.textContent = 'Заполните поле контакта или удалите!';
+          } else if (!input.classList.contains('modal-patronymic-input')) {
+            validErrors.push(`Заполните поле "${input.placeholder}"!`);
+            if (feedback)
+              feedback.textContent = `Заполните поле "${input.placeholder}"!`;
+          } else if (input.classList.contains('modal-patronymic-input')) {
+            // индивидуальное сообщение для поля "Отчество", НО без добавления в массив ошибок
+            if (feedback)
+              feedback.textContent =
+                'Заполните поле "Отчество" или оставьте его пустым!';
+          }
 
-        input.classList.add('is-invalid'); // выделение инпута "красным"
+          input.classList.add('is-invalid'); // выделение инпута "красным"
+        }
       } else {
+        // отображение ошибок
+        if (input.classList.contains('is-invalid')) {
+          return; // если "is-invalid".. оставляем
+        }
+
         // а если данные валидны, отмена выделения/исключение сообщения
         input.classList.remove('is-invalid');
         if (feedback) feedback.textContent = '';