disign.it | Jquery: valore di default campo input | a digital sign for a best design!
A digital sign for a best design
Javascript 3.116 visualizzazioni

Jquery: valore di default campo input

16/03/2012

Nell'articolo precedente abbiamo visto come utilizzare  javascript per far svuotare un campo di input testo al click interno con this.defaultValue, oggi vediamo come impostare una funzione jquery che applichi il comportamento a tutti i campi di tipo text senza dover richiamare sempre lo script.

Ovviamente nell'head del documento dobbiamo caricare la versione più aggiornata di Jquery come descritto qui, con la chiamata

 

script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"


Poi la chiamata classica document.ready con questa sintassi:

 

$(document).ready(function() {
    var elem = $(':text');
    
    // on focus cancella il valore di default
    elem.focus(function()
    {
    if ( this.value == this.defaultValue )
    {
    this.value = '';
    }
    });
    
    // on blur ripristina il valore di defauult
    elem.blur(function()
    {
    if ( this.value == '' )
    {
    this.value = this.defaultValue;
    }
    });
   
})

 

E Jquery lavorerà per noi con tutti i campi di tipo text!

← Javascript: valore di default campo input Jquery: YouTube video thumbnail →

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 

© 2009 - 2017 Impronte digitali di Luca Frassineti. Tutti i diritti riservati.