ZenekN
28.11.2017, 23:19:52
Witam czy jest możliwe w miare nowocześnie (może html5), albo jakiś gotowy js ?
przeprowadzenie walidacji inputu w trzech stanach
1. Poprawnie - border na zielono
2. Popraw tekst - border na pomarańczowo
3. Uzupełnij puste pole - border na czerwono
viking
29.11.2017, 07:27:19
html5 ma walidację ale tylko true/false. Dodaj odpowiednią klasą do elementu w zależności od stanu sprawdzenia.
ZenekN
29.11.2017, 15:48:22
chciałbym ustawić border czerwony dopiero po kliknięciu w submit
nie wiem dlaczego jest czerwony po załadowaniu kodu jeśli zrobie
Cytat
input:invalid
{
border: 1px solid red;
}
trueblue
29.11.2017, 15:52:23
Bo pewnie ma atrybut required.
Możesz zrobić również pomarańczowy komunikat, pod warunkiem, że poprawność walidacji sprawdzisz w JS (jeżeli invalid i wypełniony, to pomarańczowy, jeśli invalid i niewypełniony, to czerwony).
ZenekN
29.11.2017, 22:35:38
ok ogarnąłem wystarczyło dla klasy invalid przydzielić css
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę
kliknij tutaj.