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.