La mia necessità era quella di creare un username con un determinato formato a partire da nome e cognome (es. Mario Rossi: m.rossi). Il tutto durante la digitazione degli stessi senza necessità di ricaricare la pagina. In ciò mi è venuto incontro, questa volta, il javascript.

Il primo step, è quello di creare i campi nome, cognome  e username con all’interno il tag “id” (necessario al javascript per capire su quale campo operare come nell’esempio indicato nello script qui sotto (riga 1 e 2).
Secondo step, è quello di aggiungere, nell’ultimo campo compilato, in questo caso il “cognome” il comando di attivazione dello script utilizzando “onkeyup” in questo modo (calcola_username() è il nome che daremo alla funzione) come indicato nella riga 2.

<input type="text" name="nome" id="nome">
<input type="text" name="cognome" id="cognome" onkeyup="calcola_username()">

<input type="text" name="username" id="username">

In pratica siamo pronti. Non ci resta che aggiungere, nell’head della pagina il nostro script:

<script>
function calcola_username() {
   v1 = document.getElementById('cognome').value;
   v1 = v1.toLowerCase();
      
   v2 = document.getElementById('nome').value;
   v3 = v2.charAt(0);
   v3 = v3.toLowerCase();

  document.getElementById('username').value = v3+'.'+v1;
   
}
</script>

La funzione si sviluppa in questo modo:
Nella riga num. 3 lo script recupera la variabile dal campo “cognome”; nella riga num. 4 converte tutta la stringa in minuscolo (toLowerCase()).
Stessa cosa viene fatta nella riga 6 e 8 mentre, nella riga num. 7, viene estrapolato solo il primo carattere della stringa (vi ricordo che la mia necessità era quella di ricreare l’username con l’iniziale del nome, punto, cognome).
Da ultimo, nella riga num. 10, lo script pubblica le due stringe unendole con un punto.






Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Utilizzando il sito, accetti l'utilizzo dei cookie di profilazione e di terze parti da parte nostra. Maggiori informazioni.

Questo sito utilizza i cookie per fonire la migliore esperienza di navigazione possibile. Continuando a utilizzare questo sito senza modificare le impostazioni dei cookie o clicchi su "Accetta" permetti al loro utilizzo.

Chiudi