Javascript jQuery电子邮件地址输入

我希望在我的网站上有一个自动完成/自动格式化“收件人”字段，它的工作方式与GMail中的类似

有人知道jQuery有这样的功能吗

纯JavaScript？或者其他选择？

---

看看这个插件。它看起来相当健壮和稳定，可以满足您的需要。jQuery是您追求的效果的完美选择。请记住，根据您想从何处获取数据，您需要创建某种ajax/php后端。

有很多jquery位可以实现这一点，您可以在谷歌上搜索“jquery自动完成”，看看您最喜欢哪一个

这里有一个更著名的：

var电子邮件=[
{姓名：“Kitty Sanchez”，收件人：kanchez@bluth.com" },
{姓名：“露西尔·奥斯特罗”，致：lucille2@balboatowers.net" },
{姓名：“Bob Loblow”，收件人：bloblaw@bobloblawlawblog.com" },
{姓名：“Sally Sitwell”，收件人：sally@sitwell.org" }
];
$（文档）.ready（函数（）{
$（“#收件人”）。自动完成（电子邮件、{
多重：对，
明查斯：1，
“单词”，
自动填充：false，
formatItem:函数（行、i、最大值）{
返回“\”“+row.name+”\”“+row.to+”；
},
formatMatch:函数（行）{
返回row.name+“”+row.to；
},
formatResult:函数（行、i、最大值）{
返回“\”+行。名称+“\”；
}
});
});

这些答案很好，但我认为他在寻找特定于电子邮件的内容。Gmail的电子邮件自动完成功能非常强大和智能，考虑到你最常发电子邮件的人和其他因素。

我会删除php部分，因为任何服务器端web技术/框架都可以使用。你可能会在后端找到一些原始的东西，假设存在发送电子邮件的审核，并且您知道谁发送了电子邮件以及他们发送给了谁。我必须从您的帖子中删除该图像，因为ImageShack已将其删除，并将其替换为广告。有关更多信息，请参阅。如果可能的话，你最好重新上传。谢谢

<script>
    var emails = [
        { name: "Kitty Sanchez", to: "kanchez@bluth.com" },
        { name: "Lucille Austero", to: "lucille2@balboatowers.net" },
        { name: "Bob Loblaw", to: "bloblaw@bobloblawlawblog.com" },
        { name: "Sally Sitwell", to: "sally@sitwell.org" }
    ];

    $(document).ready(function(){
        $("#Recipients").autocomplete(emails, {
            multiple: true,
            minChars: 1,
            matchContains: "word",
            autoFill: false,
            formatItem: function(row, i, max) {
                return "\"" + row.name + "\" &lt;" + row.to + "&gt;";
            },
            formatMatch: function(row) {
                return row.name + " " + row.to;
            },
            formatResult: function(row, i, max) {
                return "\"" + row.name + "\" <" + row.to + ">";
            }
        });
    });
</script>