[Javascript] Campo form che si completa in automatico

V

vannone_il_grande

Nuovo Utente
20 Set 2016
13
0
1
48
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.
 
V

vannone_il_grande

Nuovo Utente
20 Set 2016
13
0
1
48
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>
 
Devi accedere o registrarti per poter rispondere.
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
I Creare un banner temporaneo JavaScript Javascript 0
S Impossibile scorrere un oggetto in JavaScript Javascript 0
N Passare array da php a javascript PHP 5
L Quiz javascript funzionante da migliorare Javascript 0
P errore 404 con javascript Javascript 2
D aiuto funzioni javascript Javascript 1
M Upload immagine con javascript problemi con FormData() Javascript 1
L countdown multiplo javascript Javascript 1
S Problemi Javascript + Aruba Javascript 2
M Inviare un file su un server remoto con JavaScript Javascript 0
T a href="javascript:;" Javascript 1
F Creare elementi html con javascript Javascript 3
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
R Confrontare il dominio di una mail con una stringa contenente un dominio personalizzato, tutto ciò in php o javascript PHP 0
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
G Problema verifica palindromo e verifica pari e dispari javascript Javascript 0
M Chiamare pagina php da javascript Javascript 8

Discussioni simili

Alto Basso