Ввод адреса электронной почты jQuery

Question

Мне бы хотелось, чтобы поле автозаполнения / автоформат "To" на моем веб-сайте работало так же, как в GMail.

Кто-нибудь знает такое для jQuery?

Простой JavaScript? Или любые другие альтернативы?

Answer 1

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

Проверьте этот плагин. Он выглядит достаточно надежным и стабильным и может удовлетворить ваши потребности. JQuery - идеальный выбор для того эффекта, который вы ищете. Просто имейте в виду, что в зависимости от того, откуда вы хотите получить свои данные, вам нужно будет создать какой-то бэкэнд ajax / php.

Answer 2

Эти ответы в порядке, но я думаю, что он ищет что-то конкретное по электронной почте. Автоматическое заполнение электронной почты в Gmail очень надежное и умное, учитывая, как часто вы пишете, и другие факторы.

Answer 3

Есть много и много jquery-битов, которые делают это, вы можете найти в Google "автозаполнение 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>