jQuery电子邮件地址输入

Question

我想要一个自动完成/ autoformat“To”字段在我的网站上运行，就像GMail中的一样。

有没有人知道这种事情的jQuery？

Plain JavaScript？还是有其他的选择？

Answer 1

有很多很多的jQuery位这样做，你可以谷歌的“jquery自动完成”，看看你最喜欢哪一个。

这里有一个是比较有名：http://docs.jquery.com/Plugins/AutoComplete

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

Answer 2

http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/

看看这个插件。它看起来相当健壮稳定，可能会满足您的需求。 jQuery是您寻求的效果的完美选择。请记住，根据你想从中获取数据的位置，你需要创建一些ajax/php后端。

Answer 3

这些答案都很好，但我认为他正在寻找一些具体的事情电子邮件。 Gmail的电子邮件自动完成功能非常强大并且非常智能，可以考虑您最常收发电子邮件的人和其他因素。