Przeprowadzenie walidacji w trzech barwach |
Przeprowadzenie walidacji w trzech barwach |
28.11.2017, 23:19:52
Post
#1
|
|
Grupa: Zarejestrowani Postów: 418 Pomógł: 5 Dołączył: 7.08.2012 Ostrzeżenie: (0%) |
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 |
|
|
29.11.2017, 07:27:19
Post
#2
|
|
Grupa: Zarejestrowani Postów: 6 365 Pomógł: 1114 Dołączył: 30.08.2006 Ostrzeżenie: (0%) |
html5 ma walidację ale tylko true/false. Dodaj odpowiednią klasą do elementu w zależności od stanu sprawdzenia.
-------------------- |
|
|
29.11.2017, 15:48:22
Post
#3
|
|
Grupa: Zarejestrowani Postów: 418 Pomógł: 5 Dołączył: 7.08.2012 Ostrzeżenie: (0%) |
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; } Ten post edytował ZenekN 29.11.2017, 15:48:49 |
|
|
29.11.2017, 15:52:23
Post
#4
|
|
Grupa: Zarejestrowani Postów: 6 761 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
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). -------------------- |
|
|
29.11.2017, 22:35:38
Post
#5
|
|
Grupa: Zarejestrowani Postów: 418 Pomógł: 5 Dołączył: 7.08.2012 Ostrzeżenie: (0%) |
ok ogarnąłem wystarczyło dla klasy invalid przydzielić css
|
|
|
Wersja Lo-Fi | Aktualny czas: 19.04.2024 - 08:35 |