Salve a tutti,
sto cercando una soluzione a questo problema che sia elegante e che mi aiuti a separare il più possibile logica da presentazione, quindi, per favore, tenete conto di ciò nelle risposte.

Il problema è il seguente.

Ho un form con una serie di campi e voglio dotarlo di due funzionalità:

1. un sistema di highlight che evidenzi il campo corrente
2. un sistema di controllo dell'input in Ajax.

Ovviamente il codice relativo al punto 1 sarà uguale per tutto il mio sito, mentre quello relativo al punto 2 cambierà da forma form (anche all'interno della stessa pagina).

Per il momento

Ho creato un file highlight_form.js che una volta inserito nella pagina automaticamente trova i campi del form e li rende evidenziabili e de-evidenziabili.

objFormElement.onblur = function(){
deHighlightFormField(this);
}

In ogni tag input, inoltre esiste il gestore di eventi onlbur che mi richiama la funzione del form specifica per quella pagina.

<input type='text' name='txtAdminUsername' id='regUsername' onBlur='storeAdminAccount(this)' value='<?=$strDefaultUsername?>' />

A questo punto i due gestori di eventi si sovrascrivono e perdo una delle funzioni.
Come posso fare per evitare ciò?

Grazie a chi mi risponderà