[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>
 
Discussioni simili
Autore Titolo Forum Risposte Data
asevenx [Javascript] aggiungere dinamicamente un campo di un form Javascript 3
A pulsante di update campo mysql con javascript Javascript 2
elpirata [RISOLTO][Javascript] Datapicker e autocompletamento campo input Javascript 2
L [Javascript] Drag and drop. Aggiornamento Campo Javascript 2
G [Javascript] Campo a comparsa di select Javascript 0
A [Javascript] Somma di un campo in una tabella dinamica Javascript 0
trattorino [Javascript] FAR sparire campo dopo top caratteri Javascript 2
elpirata [Javascript] Disabilitare campo input quando si aggiunge riga nuova Javascript 0
D [Javascript] aggiornare numero caratteri se campo già popolato Javascript 5
E [Javascript] Assegnazione variabile da campo input di tipo "a calendario" Javascript 3
V [Javascript] Decimali in campo di input Javascript 1
Monital [Javascript] decidere dove aggiungere il campo dinamicamente Javascript 1
elpirata [Javascript] Controllo su campo ricerca data Javascript 1
elpirata [Javascript] Implemetare un campo timepicker Javascript 1
P Problema ocon verifica campo in javascript Javascript 7
A [Javascript] incrementare varabile in campo input Javascript 9
D Funzione javascript che pulisca un campo input Javascript 0
T javascript controllo campo e sostituzione lettere... Javascript 3
I [javascript] memorizzare selezioni di un campo select di un modulo Javascript 1
E javascript controllo campo Javascript 10
M Inviare un file su un server remoto con JavaScript Javascript 0
T a href="javascript:;" Javascript 0
F Creare elementi html con javascript Javascript 2
8 Javascript - PDF Form Javascript 0
B javascript per problemi con pdf e Safari Javascript 0
N informazione javascript Programmazione 0
I Eecuzione di javascript in ciclo foreach php. PHP 7
P javascript:document.forms Javascript 7
S Consiglio esercizio Javascript Javascript 2
MarcoGrazia Aggiungere o rimuovere classi in javascript Javascript 1
P Passaggio id php a javascript PHP 6
E lettura da un Database con Javascript jQuery 2
V TRIS in javascript Javascript 1
IClaude Funzione Javascript Javascript 8
Alex_70 Javascript date color Javascript 3
F Convertire JavaScript per la compatibilità nei browser obsoleti Javascript 0
I Passare dei parametri in javascript PHP 0
Shyson Meglio Javascript o HTML? Javascript 4
M Chiamare pagina php da javascript Javascript 8
M Errore JavaScript per php [objeto HTMLParagraphElement] PHP 0
D Javascript per il download dei dati Javascript 0
grgfede Problema javascript con aruba Javascript 1
webmachine [PHP] [JAVASCRIPT] Form strano in HTML PHP PHP 1
W Modificare il Type di un Input box in javascript ovunque si trovi Javascript 0
I javascript come caricare una pagina sopra quella corrente in automatico Javascript 2
L [Javascript] Problema salvataggio dati in db Javascript 1
max1974 [Javascript] Grafico chartjs con dati da J.ajax Javascript 3
G Quiz Javascript Javascript 4
A [Javascript] Scrittura su più campi contemporaneamente Javascript 19
F classic asp popolare combo box javascript Presentati al Forum 1

Discussioni simili