• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Min characters/znaków w input przy tym zmiana klasy

Aruba Cloud - Virtual Private Server VPS
+1 głos
158 wizyt
pytanie zadane 2 sierpnia 2020 w JavaScript przez Kacperhehe Bywalec (2,930 p.)

Mam taki skrypt
 

pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}"

w inpucie wpisany, super ze ogranicza mi input ale chcialbym zrobic tak
ze przy nie spelnieniu tego warunku patternu jest klasa "is-danger" a gdy sie spelni bedize klasa "is-success"
W jaki sposób to zrobic w tym js?

1 odpowiedź

0 głosów
odpowiedź 2 sierpnia 2020 przez niezalogowany

Można to zrobić samym CSS-em za pomocą pseudo-klas :valid i :invalid

Pytanie, czy to musi być JS? Tam trochę więcej klepania kodu

komentarz 4 sierpnia 2020 przez Kacperhehe Bywalec (2,930 p.)
Dzieki, nie znałem po prostu takich klas :D
komentarz 4 sierpnia 2020 przez Kacperhehe Bywalec (2,930 p.)

Jednak coś nadal mi nie śmiga :C
Dodałem prostą stylizacje tego
a tak wyglada moj input caly
 

          <input class="input" type="password" name="password_2" placeholder="Confirm password" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" title="Must contain at least one number and one uppercase and lowercase letter, and at least 8 or more characters">

A warunek spełnia gdy co kolwiek sie napisze nawt.

komentarz 4 sierpnia 2020 przez niezalogowany
a jak wygląda css?
komentarz 14 sierpnia 2020 przez Kacperhehe Bywalec (2,930 p.)
input:valid { background-color: red;}
input:invalid { background-color: blue;}

Podobne pytania

0 głosów
1 odpowiedź 1,289 wizyt
pytanie zadane 15 czerwca 2020 w PHP przez Filipczak Gaduła (4,020 p.)
0 głosów
1 odpowiedź 448 wizyt
pytanie zadane 29 grudnia 2018 w JavaScript przez KubaLaska Początkujący (350 p.)

93,335 zapytań

142,331 odpowiedzi

322,415 komentarzy

62,670 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...