Discussion :

[olivier252]

Bonjour,

Je galère sur un truc simple en apprence, voilà : j'ai un champ dans un form qui doit recevoir un nombre entier, du coup j'ai fait ceci dans mon html

Code html :

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

1
2
3
 <div class="ui-grid-col-8">
    <input pInputText type="number" formControlName="nbBusinessMax" [(ngModel)]="organization.nbBusinessMax"  id="nbBusinessMax"/>
</div>

Malheureusement, impossible de gérer mon controle sur le nombre, j'ai fait ceci (le champ n'est pas obligatoire :

Code :

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

nbUserMax: [{value: organization.nbUserMax, disabled: !this.modificationActivated || !this.userRight}, Validators.nullValidator],

le problème est que sous firefox, le navigateur me laisse le choix de taper n'importe quoi mais il ne l'envoie pas en BDD
En revanche cela fonctionne bien qd je passe sous chrome ou internet explorer

Du coup le but serait de pouvoir générer un petit message d'erreur qd je suis dans firefox et que je ne saisis pas de nombre mais je ne sais pas comment faire

merci

[dukoid]

c'est un problème html connu sous firefox et edge (rien à voir avec angular)

le mieux est de ne pas autoriser les caractères quant il s'agit d'un nombre
firefox est important faut essayer quand même que ça fonctionne



j'ai trouvé ça sur google :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
 
<input type="text" style="width: 70%;" [(ngModel)]= "textMessage" (keydown) ="sendTypingEvent()" >
...
...
sendTypingEvent(event){
        if ((event.keyCode >= 48 && event.keyCode <= 57) || (event.keyCode >= 65 && event.keyCode <= 90)){         // faut regler pour les nombre et le '.' pour les décimal
            console.log("input was 0-9");
            console.log("input was a-z");
            return true;
        }
 
        return false;
    }

[olivier252]

je n'avais pas vu ta réponse, je te remercie pour ton aide. En effet j'essaie de construire une fonction qui vérifie si je checke bien un nombre avec keypress.
C'est d'autant plus curieux que des fois, 'ai bien le comportement attendu sur certains inputs number...