Completamento automatico di una Textbox in Javascript

Corso jQuery
Creare applicazioni client-side col Framework jQuery

Scritto da Luca Ruggiero nella sezione Javascript

Per completamento automatico non intendo aprire automaticamente in popup la lista delle parole o frasi disponibili: quella, che io sappia, è un'impostazione del singolo browser ed è inproducibile con Javascript e con qualsiasi altro linguaggio client-side per il Web... e non credo di sbagliare!

L'intenzione è quella di aggiungere in coda ad un testo scritto un valore predefinito, ovviamente solo se utile ai fini di una registrazione o di un controllo.

Confesso che l'idea mi è venuta guardando Hotmail, ma giuro che il codice non l'ho copiato :-)
Quindi l'utilità potrebbe essere quella di completare l'indirizzo email con l'espressione @server.ext, adatta quindi ad un'applicazione di tipo WebMail.

Questo è uno schizzo del modulo di invio

<form name="modulo">
   <input type="text" name="username" size="30" onChange="Completa()">
   ...
</form>
e questo è lo script che controlla il completamento, lanciato all'evento onChange della Textbox interessata
function Completa()
{
   var username = document.modulo.username.value;
   var completa = "@lukeonweb.net";
       if (username.indexOf(completa) == (-1) && username.charAt(0) != "" && username.charAt(0) != " ")
       {
           document.modulo.username.value += completa;
       }
}
Non facciamo altro che controllare che non sia già stata inserita l'espressione @lukeonweb.net e che il primo carattere non sia vuoto o rappresentato da uno spazio.

Ecco un esempio: scrivi una username inventata e poi, col Tab della tastiera o con un click del mouse in un punto qualsiasi della pagina, esci dalla Textbox



I più cliccati della sezione Javascript

:: jQuery Validation: validazione di un form con jQuery (107.902)

:: Breve guida a jQuery (98.573)

:: Le espressioni regolari in Javascript (84.979)

:: Gestione delle stringhe in Javascript (74.974)

:: Stampare una pagina col Dhtml (42.846)

:: Inserire in automatico lo slash nel formato data gg/mm/aaaa (41.588)

:: Menu orizzontale dinamico in Dhtml (37.183)

:: Gli Array in Javascript (35.935)

:: Temporizzazioni Javascript (31.617)

:: Istruzion condizionali in Javascript: if e switch (28.932)

IN EVIDENZA
DOWNLOAD