.keyup 方法 JQuery 上的筛选值

Question

我有两个字段(用户名和电子邮件(，我想用电子邮件字段的内容自动填充用户名，因为用户名是隐藏的输入。

我只需要在@domain.com之前的内容.现在我正在使用.keyup()，但我也可以使用.change()。

如何只能在@domain.com之前获取内容？

$('#id_email').keyup(function () {
    $('#id_username').val($(this).val());
});

编辑：所有答案都完美运行，非常感谢。

Answer 1

有点

简单，但你能做一些类似的事情吗

var 电子邮件 ="[e-mail]";var 用户名 = email.split('@'([0];

所以：

<script>
    $('#id_email').change(function () {
        var email = $(this).val();
        $('#id_username').val(email.split('@')[0]);
    });
</script>

它将起作用，但当然，假设一个有效的电子邮件地址。

Answer 2

达斯汀辛普森答案的编辑版本，只是因为我相信输入它更适合这种东西而不是键控或更改，而且我们不需要存储任何电子邮件变量。

$('#id_email').on('input',function(){
   $('#id_username').val($(this).val().split('@')[0]);
});

检查小提琴

Answer 3

试试这个

$('#id_email').keyup(function () {
    var usr = $(this).val();
    var usr = usr.split('@');
    $('#id_username').val(usr[0]);
});

了解拆分的工作原理：http://www.w3schools.com/jsref/jsref_split.asp

Answer 4

试试这个...

$('#id_email').keyup(function () {
    $('#id_username').val($(this).val().split('@')[0]);
});