Condition à moitié respectée

**Shiva** · 03/02/2014, 17h30

Bonjour,
J'ai le problème (incompréhensible) suivant :
J'ai un champ de formulaire couplé à jquery.ui - autocomplete pour la recherche de code postal. Je souhaite que le visiteur ne puisse entrer que des chiffres, caractères donc interdits.
J'ai fais le code suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="./js/jquery.js"></script>
<script type="text/javascript" src="./js/jquery_ui/jquery.ui.core.min.js"></script>
<script type="text/javascript" src="./js/jquery_ui/jquery.ui.widget.min.js"></script>
<script type="text/javascript" src="./js/jquery_ui/jquery.ui.autocomplete.min.js"></script>
<script type="text/javascript">
function isInteger(n) {
    return n != "" && !isNaN(n) && Math.round(n) == n;
}
 
$(document).ready(function(){
    $('#ville').keyup(function() {
        var t = isInteger($('#ville').val());
        console.log(t);
 
        if (t == true) {
            $('#ville').autocomplete({
                source: './ajax/geo.php?step=20',
                minLength: 2,
                select: function(event, ui) {
                    console.log(ui);
                    $('#id_ville').val(ui.item.id);
                }
            });
        } else {
            console.log('erreur');
        }
    });
});
</script>
</head>
<body>
 
<form>
  <input type="hidden" name="id_ville" id="id_ville" value="0" />
  <input type="text" maxlength="5" id="ville" />
</form>
 
</body>
</html>

Quand je rentre des caractères :
- c'est ok, rien ne s'affiche au niveau de la liste des villes
- dans la console j'ai bien la valeur false qui apparait
- le message erreur apparait aussi

J'efface ensuite le champ pour entrer des nombres :
- là aussi c'est bon : la liste des villes s'affiche bien
- dans la console j'ai bien la valeur true qui apparait
- le message erreur n'apparait pas (normal)

Je test de nouveau des caractères :
- et là, pas bon : la liste des villes s'affiche pour les critères entrés dans le champ
- par contre dans la console j'ai bien la valeur false qui apparait
- le message erreur apparait aussi

Je précise que la page n'est pas rechargée entre chaque test

C'est là qu'est le problème, je ne vois pas trop pourquoi le code à la ligne 19 est exécuté !

Merci de votre aide.

Invité · 03/02/2014, 17h56

Salut,

La première hypothèse qui me vient à l'esprit est un soucis d'asynchronicité :

tu entres des nombres
=> la requête se lance
tu rentres des lettres AVANT le retour de la requête du point d'avant
=> la requête n'est pas lancée
mais la réponse de la première requête arrive et rempli ton champs

Tu peux palier au problème en rajoutant le test isInteger dans la réponse.

**Bovino** · 04/02/2014, 09h06

Non, c'est juste qu'une fois l'autocomplete instancié, ben... il est fonctionnel !
En gros, la première fois que tu entres des lettres, tu passes dans le else, l'autocomplete n'est pas instancié donc pas de complétion. Tu rentres ensuite des chiffres, tu passes donc dans le if et initialise l'autocomplete. Les fois suivantes où tu entres des lettres, tu passes dans le else, mais l'autocomplete reste instancié, donc la complétion se fait !

Il faut passer par l'événement du plugin search.

**Shiva** · 05/02/2014, 11h57

Ok, merci pour les réponses et je vais tester ce plugin.

**Bovino** · 05/02/2014, 12h03

Euh... "ce plugin" comme tu dis n'est autre que celui que tu utilises déjà !

**Shiva** · 05/02/2014, 17h07

Oui, je l'avais remarqué, pas d'inquiétude là dessus :-)
Je teste ça et si c'est ok je reviens marquer résolut

**Shiva** · 05/02/2014, 23h03

Bon, rien à faire ça ne fonctionne pas, j'ai pas du piger le fonctionnement de cette option car je ne vois pas trop comment tester ce qui est saisi dans le champ. J'ai plus qu'a relire la doc.
Je marque résolu quand même...

Condition à moitié respectée

jQuery

Discussions similaires

Partager

Partager