Jquery UI autocomplete d'entrée - Comment faire pour vérifier si l'entrée est vide sur le changement?
J'ai un Jquery UI auto complète sur ma page, et j'ai besoin de faire quelque chose lorsque l'entrée est vide (j'.e que L'utilisateur a tapé quelque chose, puis supprimé tous).
Cet événement doit le feu peu importe si ce qu'ils ont tapé dans le produit initialement saisie semi-automatique des résultats.
Le point est de montrer un bouton si il n'y a pas de saisie semi-automatique des résultats pour l'entrée saisie, et le supprimer si il y a des résultats OU de l'entrée est vide.
Mise à JOUR
J'ai essayé cette...
$('#employeeAutocomplete').change(function() {
alert("eventFired");
if($( "#employeeAutocomplete" ).val() == ''){
$('#createEmployeeBtn').hide();
}
});
Et d'alerte ne s'affiche pas....
Grâce,
Danny
OriginalL'auteur Danny | 2011-07-27
Vous devez vous connecter pour publier un commentaire.
http://forum.jquery.com/topic/autocomplete-and-change-event
Sur le même problème:
OriginalL'auteur niklasdstrom
Prendre un coup d'oeil à ce plugin
http://www.zurb.com/playground/jquery-text-change-custom-event
c'est plus près gestionnaire pour de vrai textchange événement
OriginalL'auteur Milox
Je sais que ce post est très vieux, mais j'essayais même de penser et de réponses ici n'a pas plu à moi.
Donc, pour moi, j'ai fait le test de valeur vide sur le flou de l'événement de jquery.
$('.input').focus(function() {
$(this).autocomplete({
//autocomplete code here
})
}).blur(function() {
if($(this).val() == "") {
}
});
OriginalL'auteur shadow69
Espère que cela vous aide 🙂 .modifier() - jQuery API
J'ai essayé, mais il ne semble pas le feu...ne sais pas pourquoi... $('#employeeAutocomplete').change(function() { if($( "#employeeAutocomplete" ).val() == "){ $('#createEmployeeBtn').masquer(); } }); });
Parce que le changement() de l'événement n'est pas déclenché, jusqu'à l'entrée perd le focus.
OriginalL'auteur Grigor
essayer keypress
.keypress() - jQuery API
avez-vous de la bibliothèque de jquery inclus dans l'en-tête? essayez d'autres fonctions, utiliser firebug pour voir quel est le problème
par la saisie semi-automatique, vous voulez dire le champ affiche les résultats que vous tapez?
Ouais Jquery est bien là, l'utilise beaucoup. Et ouais c'est ce que je veux dire par la saisie semi-automatique.
Je suis sûr que vous trouverez une solution de google en moins de 5 minutes, il faut juste des compétences en recherche.
OriginalL'auteur Grigor
OriginalL'auteur Maxx
jquery ui autocomplete a son propre événement de changement, avez-vous essayé?
http://jqueryui.com/demos/autocomplete/#event-change
J'ai utilisé le plugin ci-dessus, je l'ai posté une réponse supplémentaire pour les nouveaux lecteurs à trouver plus rapidement
OriginalL'auteur Milox
J'ai résolu ce problème avec la saisie semi-automatique à proximité de l'événement !
Fermer déclenché lorsque la liste est vide. Im mon cas, cela correspond à un champ de saisie vide.
http://jqueryui.com/demos/autocomplete/#event-close
OriginalL'auteur mkubasch
OK les gens. Le suivant fonctionne bien et est un étonnamment simple & solution élégante, nécessitant un couple de lignes de code.
100% garanti pour fonctionner.
@Milox a déjà mentionné:
http://zurb.com/playground/jquery-text-change-custom-event
Ce plugin jQuery est minuscule. Une fois que vous télécharger/copier & lien vers la js fichiers, utilisez la commande suivante:
Il y a d'autres configuarations, mais c'était tout ce dont j'avais besoin. Boom. Triés.
OriginalL'auteur Charles Robertson