Witam,
Mam forma i walidacje do niego którą postanowiłem przerobić - aktualnie walidacja następowała po submicie w funkcji asynchronicznej i robiła Throw.
Przerobiłem tą walidację na bardziej dynamiczną i bardziej ui/ux. Użytkownik dostaje informację o błędnym inpucie podczas jego wprowadzania.
Mamy funkcje keypress która ma listener na inpucie ( listener właśnie keypress ). Funkcja wyrzuca value-input do drugiej funkcji sprawdzającej.
Druga funkcja sprawa ją, czy input składa się z 3 wyrazów oddzielonych przecinkiem - mogą zawierać spację.
Jeśli warunek nie spełniony to wypluwa false - prosty error w formie <spana> oraz robi btn subbmit na hidden.
Problem w tym ze takich inputów w divie mam 5. Wiadomo kazdy ma inny name, pod label żeby później móc to jakoś zapakować i wysłać przez API - i ogólnie rozdzielić dane.
Przypisywanie 5 x tej samej funkcji do 5 inputów średnio mi się widzi jako dobre rozwiązanie.
Chciałbym nasłuchiwać wszystkie - wszystkie mają mieć tą samą walidację.
Nie wiem czy ma to znaczenie ale:
-mam je w osobnym divie, wiem że mógłbym je wyciągnąć przez querryselectorall =>> ('input[type=text]') -- czy dobrze myślę ? - u mnie jednak to nie działa chyba że coś źle robię.
- natomiast i tak byłby problem z error spanem bo kazdy input ma swój. - ale mógłbym zrobic wspólny albo kombinować coś z child elementem.
Co w takim przypadku zrobić ? Istnieje jakiś lepszy sposób?
Gdybym miał różne walidacje, to nie miałbym skrupułów i wywoływałbym różnymi funkcjami.
Prosiłbym o wskazówkę, ostatnio proste nakierowanie ze statem bardzo mi pomogło. Walczyłem z tym już dłuższy czas, ale brakuje mi doświadczenia w podjęciu decyzji.
Pozdrawiam serdecznie