Uso delle classi CSS per esprimere lo stato

È buona norma esprimere lo stato di un elemento HTML, ad esempio se il valore di un input è valido, utilizzando una classe CSS? Sarebbe meglio usare gli attributi dei dati, le proprietà di un oggetto JavaScript che rappresenta l'elemento o qualche altro metodo? Esempio:

CSS:

.error {
    box-shadow: 0 0 8px .1em #b94a48;
}

.error viene aggiunto a qualsiasi input che non riesce la convalida. Quando l'utente tenta di procedere, jQuery controlla la classe:

JavaScript:

if ($('#container').find('.error').length !== 0) {
    // Don't proceed.
}