jQuery 이메일 주소 입력

Question

GMail에서와 같이 작동하는 웹 사이트의 "받는 사람"필드에 자동 완성/자동 서식을 사용하고 싶습니다.

누구나 jQuery에 대해 알고 있습니까?

일반용 JavaScript? 또는 다른 대안?

Answer 1

이렇게하는 jquery 비트가 많이 있습니다. "jquery autocomplete"에 대해 google을 사용하여 가장 좋아하는 것을 볼 수 있습니다.

여기에서 더 유명 하나입니다 : 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의 이메일 자동 완성 기능은 가장 자주 이메일을 보내는 사람 및 기타 요인을 고려하여 매우 강력하고 스마트합니다.