input [type = "file"] verifica l'esistenza del file allegato con css

Question

Non è una domanda JS, cerca solo una soluzione css chiara se è possibile.

Per un pulsante di scelta o una casella di controllo che possiamo utilizzare la classe :checked pseudo:

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

ci sono trucchi per verificare se un allegato file esiste con i CSS?

Answer 1

(aggiornato, a causa di incomprensione della questione)

E 'possibile verificare se un file è stato fissato con l'attributo required.

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

HTML:

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

CSS:

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

Ma non si può mai veramente convalidare, se un file "corretto" è stato selezionato in questo modo. Puoi solo controllare se o se non è stato selezionato alcun file.

---

// aggiornamento completo:

L'attributo required è HTML5. Si prega di essere consapevoli del fatto che non tutti i browser supportano questo: http://www.w3schools.com/tags/att_input_required.asp

Ciò significa che l'unico modo di fiducia per cliente validazione lato sta usando javascript. Se si desidera farlo, si consiglia di utilizzare l'attributo novalidate nel modulo per disabilitare la convalida predefinita del browser (http://www.w3schools.com/tags/att_form_novalidate.asp).

Ma utilizzare sempre la convalida lato server. Non puoi mai assicurarti che l'utente abbia abilitato jaavscript o non abbia manipolato javascript. Quindi il modo migliore è sempre quello di convalidare i valori sul lato che hai il pieno controllo su: il server, cioè la tua azione a cui il modulo invia i suoi dati.