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 (106.555)

:: Breve guida a jQuery (96.818)

:: Le espressioni regolari in Javascript (84.690)

:: Gestione delle stringhe in Javascript (74.154)

:: Stampare una pagina col Dhtml (42.639)

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

:: Menu orizzontale dinamico in Dhtml (36.961)

:: Gli Array in Javascript (35.690)

:: Temporizzazioni Javascript (31.211)

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

IN EVIDENZA
DOWNLOAD