自动将一个表单域复制到另一个表单域，但最多只能复制某个字符

Question

[更新]

我已经尝试过 Clives 解决方案（谢谢），它似乎对我不起作用。

我正在使用以下表单代码

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

并将 Clives 代码更新为以下

<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

我希望一旦用户点击用户名字段或他们点击它，就会发生这种情况。

非常感谢 硅

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);
    }
  });
});

应该这样做