Автоматическое копирование одного поля формы в другое, но только до определенного символа

Question

[UPDATE]

Я пробовал решение Clives (спасибо), оно не работает для меня.

Я использую следующий код формы

<form>
Email: <br /><input type="text" name="email" id="email" value="" /><br />
Name: <br /><input type="text" name="name" id="name" value="" />
</form>

и обновили код Кливеса до следующего

<script type="text/javascript"> 
           $('#name').bind('focus', function() {
  if ($(this).val() == '' && $('#email').val() != '') {
    var emailPart = $('#email').val().split('@')[0];
    $(this).val(emailPart);
  }
});
</script>

Есть идеи?

Спасибо!

---

Как мне скопировать одно поле формы в другое, но только до определенного символа?

Я хотел бы автоматически скопировать все введенное в поле адреса электронной почты ДО символа @ в поле имени пользователя

например, введя следующее в поле электронной почты

franco@imrubbishatprogramming.com

автоматически заполнит поле имени пользователя

franco

Я бы хотел, чтобы это произошло, когда пользователь нажмет на поле имени пользователя ИЛИ на него перейдет.

Большое спасибо Si

Answer 1

$(document).ready(function() {
  $('#id-of-username-field').bind('focus', function() {
    if ($(this).val() == '' && $('#id-of-email-field').val() != '') {
      var emailPart = $('#id-of-email-field').val().split('@')[0];
      $(this).val(emailPart);
    }
  });
});

Это должно сделать