Can jQuery cambiare dinamicamente un campo “nome utente”, basato su un campo “nome”?

Question

fondamentalmente ho due campi di input, "nome" e "username".

L'idea è che il campo "nome utente" cambierà a seconda di ciò che viene inserito nel campo "Nome" - in modo dinamico. Ho anche bisogno il campo nome utente per essere solo in lettere minuscole e di modificare gli spazi in trattini. Stavo pensando utilizzando onkeydown ma non ho potuto arrivare a fare qualsiasi cosa.

Ho cercato in giro, ma non riesco a trovare quello che sto cercando. Chiunque ha ottenuto tutte le idee?

<input type="text" name="name" id="name" class="field" />
<input type="text" name="username" id="username" class="field" />

^^ ingressi del modulo di base.

EDIT:

Ecco il codice mi sono a lavorare, se qualcun altro è alla ricerca di qualcosa di simile a questo:

function fill_username(value) {
  $("#username").val(value);
}
$("#client-name").keyup(function() {
  var value = $(this).val();
  var value = value.replace(/\s+/g, '-').toLowerCase();
  fill_username(value);
});

Answer 1

È possibile impostare evento KeyUp:

$('#name').keyup(function() {
  fill_username();
});

Questo sarà chiamato ogni volta che l'utente inserisce una lettera in campo del nome.