input [type = "file"] sprawdź istnienie załącznika pliku za pomocą css

Question

To nie jest pytanie JS, tylko szukanie przejrzystego rozwiązania css, jeśli to możliwe.

Dla przycisk radiowy lub pole wyboru możemy użyć klasy :checked pseudo:

input{ 
    % styles % 
} 
input:checked{ 
    % another styles % 
} 

istnieją sztuczki do sprawdzenia, czy plik istnieje przywiązanie z CSS?

Answer 1

(zaktualizowane, ze względu na nieporozumienia pytanie)

To jest możliwe, aby sprawdzić, czy plik został przymocowany za pomocą atrybutu required.

Patrz: http://jsfiddle.net/1ua59jt1/1/

HTML:

<input id="file" type="file" name="fileselect" required="required" /> 

CSS:

#file:valid { color: green; } 
#file:invalid { color: red; } 

Ale nigdy nie można naprawdę zweryfikować, czy "poprawny" plik został wybrany w ten sposób. Możesz tylko sprawdzić, czy plik nie został w ogóle wybrany.

---

// zmiana oddania:

Atrybut required jest HTML5. Należy pamiętać, że nie wszystkie przeglądarki obsługują to: http://www.w3schools.com/tags/att_input_required.asp

Oznacza to, że jedynym sposobem na zaufanego klienta walidacji bocznej używa JavaScript. Jeśli chcesz to zrobić, zalecamy użycie atrybutu novalidate w formularzu, aby wyłączyć domyślną weryfikację przeglądarki (http://www.w3schools.com/tags/att_form_novalidate.asp).

Ale zawsze używaj również sprawdzania poprawności po stronie serwera. Nigdy nie możesz upewnić się, że użytkownik włączył jaavscript lub nie manipulował javascriptem. Najlepszym sposobem jest zawsze sprawdzanie wartości po stronie, nad którą masz pełną kontrolę: serwer, czyli twoje działanie, do którego formularz wysyła swoje dane.