Fare internet

E' come il lego, più pezzi ho più sono allegro
Seguci su Facebook Seguici su Twitter Iscrivita ai nostri Feed      Mandaci una mail

Quando abbiamo a che fare con un pannello di gestione utenti in cui la creazione degli utenti è manuale, può tornarci utilie una funzione che prende il nome e cognome dell’utente che stiamo salvando e li compone nella forma nome.cognome.

Quella che proponiamo è una versione molto base, in quanto sarebbe il caso di eliminare dalla username gli spazi, gli evenutali caratteri accentati e gli apostrofi.
Queste modifiche potranno essere apportate in seguito, quello che ci interessa mettere in luce è come sia possibili prelevare un valore da un campo di testo, combinarlo con un altro e inserirlo in un terzo campo.

Questo e l’html della pagina:

<form>
   Nome
   <input type="text" name="nome" onchange="makeUsr()" />
   Cognome
   <input type="text" name="cognome" onchange="makeUsr()" />
   Username
   <input type="text" name="username" value="nom.cognome"/></td>
</form>

Il codice javascript (o jQuery come preferite) è il seguente:

function makeUsr(){
    $(‘input[name="username"]’).val($(‘input[name="nome"]’).val()+‘.’
    +$(‘input[name="cognome"]’).val());
}

Usando i selettori giusti e il metodo .val(), si fa tutto!
Notate che il metodo val() se usato senza parametri restituisce un valore se usato con un parametro assegna un valore.
Questo è un funzionamento abbastanza standard per jQuery

Twitter