自动将一个表单字段复制到另一个表单字段,但仅限于某个字符

时间:2011-10-06 02:02:16

标签: jquery html forms

[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>

并将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

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

非常感谢 硅

1 个答案:

答案 0 :(得分:3)

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

应该这样做