|
286 | 286 | ); |
287 | 287 | addModalBodySurnameInput.classList.add( |
288 | 288 | 'modal__add-body-input', |
289 | | - 'add-surname-input', |
| 289 | + 'modal-main-input', |
| 290 | + 'modal-surname-input', |
290 | 291 | 'add-modal-input', |
291 | 292 | 'form-control' |
292 | 293 | ); |
|
310 | 311 | ); |
311 | 312 | addModalBodyNameInput.classList.add( |
312 | 313 | 'modal__add-body-input', |
313 | | - 'add-name-input', |
| 314 | + 'modal-main-input', |
| 315 | + 'modal-name-input', |
314 | 316 | 'add-modal-input', |
315 | 317 | 'form-control' |
316 | 318 | ); |
|
334 | 336 | ); |
335 | 337 | addModalBodyPatronymicInput.classList.add( |
336 | 338 | 'modal__add-body-input', |
337 | | - 'add-patronymic-input', |
| 339 | + 'modal-main-input', |
| 340 | + 'modal-patronymic-input', |
338 | 341 | 'add-modal-input', |
339 | 342 | 'form-control' |
340 | 343 | ); |
|
493 | 496 | .classList.toggle('show-search-input'); |
494 | 497 | }); |
495 | 498 |
|
496 | | - // ** организация "ОБЩЕЙ" логики для валидации полей ввода/инпутов (согласно передаваемых параметров) |
| 499 | + // ** организация "общей/универсальной" логики для валидации полей ввода/инпутов (согласно передаваемых параметров) |
497 | 500 | function addInputsValidation(inputs, options) { |
498 | 501 | inputs.forEach((input) => |
499 | 502 | input.addEventListener('input', (event) => { |
|
519 | 522 | // проверки для полей ввода/инпутов из "динамической" строки контактов (согласно type="" значений) |
520 | 523 | if (options.dynamicContactValidation) { |
521 | 524 | const hiddenInput = targetParentNode.querySelector( |
522 | | - '.modal__add-body-add-hidden-input' |
| 525 | + '.modal-hidden-input' |
523 | 526 | ); |
524 | 527 |
|
525 | 528 | if (hiddenInput) { |
|
982 | 985 | ); |
983 | 986 | } |
984 | 987 |
|
| 988 | + // дополнительная/опциональная проверка для инпутов, обработка дефисов |
985 | 989 | if (options.singleHyphen) { |
986 | | - // дополнительная проверка для двух инпутов (дефисы недопустимы) |
987 | 990 | if ( |
988 | | - target.classList.contains('add-name-input') || |
989 | | - target.classList.contains('add-patronymic-input') |
| 991 | + target.classList.contains('modal-name-input') || |
| 992 | + target.classList.contains('modal-patronymic-input') |
990 | 993 | ) { |
991 | 994 | if (/-/.test(target.value)) { |
992 | 995 | errors.push('Дефисы НЕдопустимы!'); |
|
1003 | 1006 | } |
1004 | 1007 | } |
1005 | 1008 |
|
1006 | | - // дополнительная проверка для "modal__add-body-input" (пробелы недопустимы) |
| 1009 | + // дополнительная/опциональная проверка для инпутов, обработка пробелов |
1007 | 1010 | if ( |
1008 | | - target.classList.contains('modal__add-body-input') && |
| 1011 | + target.classList.contains('modal-main-input') && |
1009 | 1012 | /\s/.test(target.value) |
1010 | 1013 | ) { |
1011 | 1014 | errors.push('Пробелы НЕдопустимы!'); |
|
1037 | 1040 | }); |
1038 | 1041 |
|
1039 | 1042 | // добавление валидации для ввода данных/в модальном окне (при добавлении нового/клиента) |
1040 | | - const allAddModalFormInputs = document.querySelectorAll( |
1041 | | - '.modal__add-body-input' |
1042 | | - ); |
| 1043 | + const allAddModalFormInputs = document.querySelectorAll('.modal-main-input'); |
1043 | 1044 | addInputsValidation(allAddModalFormInputs, { |
1044 | 1045 | allowOnlyRussian: true, |
1045 | 1046 | singleHyphen: true, |
|
1171 | 1172 | 'add-modal-extra-contact-item' |
1172 | 1173 | ); |
1173 | 1174 | addModalContactHiddenInput.classList.add( |
1174 | | - 'modal__add-body-add-hidden-input' |
| 1175 | + 'modal__add-body-add-hidden-input', |
| 1176 | + 'modal-hidden-input' |
1175 | 1177 | ); |
1176 | 1178 | addModalContactInput.classList.add( |
1177 | 1179 | 'modal__add-body-add-contact-input', |
|
0 commit comments