[Javascript] Campo form che si completa in automatico

vannone_il_grande

Nuovo Utente
20 Set 2016
13
0
1
45
Buongiorno a tutti, vi spiego la mia problematica in breve.

Ho tre campi form: Nome, Cognome, Username.

Vorrei sapere se esiste una modalita di completamento che quando io digito nel campo form Nome e e nel campo form Cognome in automatico nel campo Username si visualizzi nome.cognome.

Grazie mille per l'aiuto se possibile sarebbe bello avere uno script di esempio, saluti.
 

vannone_il_grande

Nuovo Utente
20 Set 2016
13
0
1
45
mi rispondo da solo, ho risolto con questo codice, spero possa essere utile a qualcuno
Codice:
<!doctype html>
<html>
<head>
<script> 
function calcola_username() {
   v1 = document.getElementById('cognome').value;
   v1 = v1.toLowerCase();
    
   v2 = document.getElementById('nome').value;
   v3 = v2.toLowerCase();
 
  document.getElementById('username').value = v3+'.'+v1;
    }
  

</script> 
<meta charset="utf-8">
<title>Documento senza titolo</title>
</head>

<body>
<form> 
    Nome
    <input type="text" name="nome" id="nome"><br>
    Cognome
    <input type="text" name="cognome" id="cognome" onkeyup="calcola_username()"><br>
    Username
    <input type="text" name="username" id="username"><br>
    </form> 
</body>
</html>