Corsi on-line

Cancellare il testo di default di un campo di testo con jQuery

Immaginamo di avere all’interno del nostro form un campo di testo contenente un valore di default come nell’esempio seguente:

<input type="text" name="nome" value="Mario" title="Mario" />

Vedremo ora come, utilizzando il framework Ajax jQuery, sia possibile “ripulire” il campo di input dal testo predefinito con un semplice click; per far questo ricorreremo a del semplice codice JavaScript:

$('input[type=text]').focus(function() {
    var title = $(this).attr('title');
    if ($(this).val() == title) {
        $(this).val('');
    }
}).blur(function() {
    var title = $(this).attr('title');
    if ($(this).val() == '') {
        $(this).val(title);
    }
});

La logica dello script proposto è abbastanza semplice, esso infatti prevede di intercettare il campo in cui è presente il valore da rimuovere e di svuotarlo indipendentemente dal valore ad esso associato.

Post correlati
  • Forse ho frainteso, ma l’effetto che mi serviva si può ottenere modificando la prima riga con var title = $(this).attr(‘value’); al posto di title, con l’altro viene annullato il campo del titolo che è un’altra cosa.

I più letti del mese
Tematiche