Question

Let’s say I have a form like this

Username
Nickname
First Name
Last Name

I want the First + Last Name fields to automatically populate the Username and Nickname fields.

Result: Username = First + Last Name — Nickname = First + Last Name

Here is what I have so far

<script>

  jQuery(document).ready(function(){    
    $("#field_5, #field_6").on("blur",function(){
      getname();
    }); 
  });

  function getname(){
    $('#Field_2, #field_1').val($('#field_5').val()+" "+$('#field_6').val());
  }
</script>

WHERE Field 5 = First Name, Field 6 = Last Name, Field_2 = Username and Field_1 = Nickname

Answer 1

try this demo

html

<input type='text' id='fname' value='' />
<input type='text' id='lname' value='' />
<input type='text' id='nickname' value='' />
<input type='text' id='uname' value='' />

jquery/javascript

$(document).ready(function(){
    $("#field_5, #field_6").on("blur", getname);
});

function getname(){
$('#nickname, #uname').val($('#fname').val()+" "+$('#lname').val());
}