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的電子郵件自動完成功能非常強大並且非常智能，可以考慮您最常收發電子郵件的人和其他因素。