Jquery autocomplete

Question

Je souhaite activer jQuery auto-complete dans une zone de texte lorsque l'utilisateur entre un caractère particulier tel que @. signifie que l'utilisateur entre son adresse e-mail comme john@gmail.com dans la zone de texte après avoir tapé "john" lorsque l'utilisateur entre "@" dans le texte, puis auto-complète devrait être activé, et devrait afficher la liste de l'extension de courrier (" Gmail.com, "" Hotmail.com "," rediffmail.com ", etc).

Answer 1

Il est difficile de lire votre question/problème exact, mais peut-être que vous cherchez quelque chose comme ceci:

var mailProviders = { 
    '@gmail.com': 'Google Mail', 
    '@hotmail.com': 'Windows Live Mail', 
    '@blizzard.com': 'OMG GIEF GOLD!1' 
}; 

$("#inputfield").change(function(){ 
    provider = String($(this).val()).split('@'); 
    if (provider.length == 2) 
    $("#infospan").html(mailProviders[provider[1]]); 
    else 
    $("#infospan").html(''); 
}); 

qui mettra à jour le contenu de <span id="infospan"></span> chaque fois que l'utilisateur a entré un hôte de messagerie connu de la liste.

Answer 2

This jQuery autocomplete plugin est plutôt génial.

Je ne pense pas qu'il a la fonctionnalité exacte que vous recherchez (c.-à-d. "Quand l'utilisateur entre son adresse électronique comme jean@gmail.com dans la zone de texte après avoir tapé" john "quand l'utilisateur entre" @ " dans le texte, l'auto-complétion doit être activée "). Vous devrez le personnaliser vous-même pour cela.