Tester la valeur(float ou pas) d'un input text

Battosaiii · 14/04/2006, 17h50

Bonjour,

Je voudrais tester la valeur que rentre un utilisateur dans un formulaire.
Je veux etre certain que la valeur est un int ou un float. Comment faire pour tester ca dans javascript ?

Code :

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

1
2
3
4
5
6
7
8
 
<script language='Javascript1.2'>
function testNumber() { if (document.AccountForm.amount.value <1) 
alert('Double value needed !');
AccountForm.amount.value=0;};
</script>
 
<TD><input type='text' name='AMOUNT' onChange='testNumber()'></TD></TR>

Pour l'instant c'est mon code, a noter que ce code ne marche pas meme lorsque la valeur amount est inferieur a 1.

**denisC** · 14/04/2006, 17h54

Envoyé par Battosaiii

Bonjour,

Je voudrais tester la valeur que rentre un utilisateur dans un formulaire.
Je veux etre certain que la valeur est un int ou un float. Comment faire pour tester ca dans javascript ?

Cherches un point ou une virgule dans le champ texte....

Code :

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

1
2
 
monChamp.value.indexOf(',')>0

:

**MasterOfChakhaL** · 14/04/2006, 18h09

tu peux aussi t'interesser aux fonctions parseInt() et parseFloat() qui vont chercher à te retourner la valeur sous forme d'un entier (respectivement d'un float)

Si la conversion n'est pas possible, tu obtiens en retour de ces fonctions la valeur NaN (Not a Number)

Battosaiii · 15/04/2006, 12h35

En prenant en consideration vos commentaire j'ai creer :

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
 
<script language='Javascript1.2'>
function testNumber(){ 
if( isNaN( parseFloat(document.AccountForm.amount.value))) {
alert('That was an invalid value.');
AccountForm.amount.value=0;}}
</script>
<HTML><HEAD><TITLE>Montant a crediter</TITLE></HEAD><BODY>
<FORM name ='AccountForm' action=http://localhost:8080/OnlineBankingSystem/servlet/transfer_5 method='POST' >
<TABLE width='600' border='2'><TR><TD>Montant</TD>
<TD><input type='text' name='AMOUNT' onChange='testNumber()'></TD></TR>
</TABLE>
<input type='hidden' name='DEBIT' value='321'>
<input type='hidden' name='CREDIT' value='443'>
<BR><input type='submit' value='valider'><BR>
</FORM></BODY></HTML>

P[ourtant je n'obtiens pas ce que je veux.
Pour l'input amount quand je change la valeur il ne se passe rien pas d'alert pourquoi ?

**FremyCompany** · 15/04/2006, 12h41

1) onchange et pas onChange
2) si tu tapes 2, parseFloat retourne 2.0, qui est bien un nombre
3) pour verifier si c'est bien un décimal, tu dois donc comparer :

Code :

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

if (parseFloat("mynbr") == parseInt("mynbr")) {/*Nombre entier*/}

Battosaiii · 15/04/2006, 14h14

Pour verifier si la valeur entree est un float j'ai fait

Code :

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

1
2
3
4
 
if( isNaN( parseFloat(document.AccountForm.amount.value))) {
alert('That was an invalid value.');
AccountForm.amount.value=0;}}

mais ca ne marche pas !
Quelque soit la valeur que j'insere dans l'input il n'affiche pas de message et en plus il submit le form !!

**FremyCompany** · 15/04/2006, 14h44

Code :

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

if( isNaN( parseFloat(document.AccountForm.amount.value)))

ne marchera jamais, j'ai mis le code générique à utiliser dans le post JUSTE au dessus...

Battosaiii · 15/04/2006, 15h29

J'ai mis ton code mais il marche pas !

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
 
<HTML><HEAD><TITLE>Amount to credit</TITLE></HEAD><BODY>
<script language='Javascript1.2'>
function testNumber(){ 
iif (parseFloat(document.AccountForm.amount.value) == parseInt(document.AccountForm.amount.value)) {
alert('That was an invalid value.');
AccountForm.amount.value=0;}
</script>
<FORM name ='AccountForm' action=http://localhost:8080/OnlineBankingSystem/servlet/transfer_5 method='POST' >
<TABLE width='600' border='2'><TR><TD>Type the amount you want</TD>
<TD><input type='text' name='AMOUNT' onchange='testNumber()'></TD></TR>
<TR><TD>From account</TD><TD>account autre</TD></TR>
<TR><TD>to account</TD><TD>current account</TD></TR>
</TABLE>
<input type='hidden' name='DEBIT' value='13'>
<input type='hidden' name='CREDIT' value='44'>
 
<BR><input type='submit' value='valider'><BR>
</FORM></BODY></HTML>

De plus je veux empecher l'utilisateur de pouvoir ecrire des caracteres alphabetiques. Je veux etre sur que le nombre dans l'input soit un integer ou un chiffre a virgule : 32 ou 32.5(32,5) je sais pas le quel il faut . ou ,.

**javatwister** · 15/04/2006, 15h44

Code :

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

1
2
3
4
5
6
7
8
9
10
function check(n){
	if(isNaN(n)){
		alert("saisissez un nombre!")
	}
}
 
 
<p>
<input type="text" onchange="check(this.value)" />
</p>

**FremyCompany** · 15/04/2006, 16h06

Petite faute : Tu as mis 2 "i" à if... (du moins c'est ce qui est affiché ici)
edit : ne taper que des chiffres dans un input.

Battosaiii · 15/04/2006, 16h18

j'ai mis un i a if mais ca marche pas,je vais essayer ta methode javatwister

Battosaiii · 15/04/2006, 16h29

Bravo javatwister ca marche !

Maintenant j'ai un petit probleme il affiche bien la fenetre mais par contre il
avoie quand meme le formulaire. Comment faire pour qu'il n'envoie rien ?

**FremyCompany** · 15/04/2006, 16h37

Envoyé par Battosaiii

Bravo javatwister ca marche !

Tu peux reexpliquer ton but stp, la methode de javatwister permet en effet de savoir si un "string" "represente" un "number", pas si ce "number" est un "float"... Je ne comprends pas bien ton objectif...

Battosaiii · 15/04/2006, 16h42

Si ca marche aussi pour les float lorsque je rentre 43.43 ou 54 il envoie le formulaire. En revanche lorsque je tape dsggdhsa il m'envoie un message d'erreur.
Par contre il envoie la variable meme lorsque il affiche la fenetre. Comment faire pour l'empecher d'envoyer un formulaire ?

**FremyCompany** · 15/04/2006, 16h45

ok, je comprends mieux, tu as confondu "float" et "number".

un float est un nombre DECIMAL, tandis qu'un number représente n'importe quel nombre.

Je pensais que tu voulais verrifier si le nombre entré était un DECIMAL uniquement (et je n'étais d'ailleurs pas le seul, soit dit en passant).

Autant pour moi

**FremyCompany** · 15/04/2006, 16h49

Je ne vois pas pk il enverrait le formulaire, mais bon...
essaie de mettre ca en fin de function pour voir, mais je serais étonné de voir que ca marche :
return false

Battosaiii · 15/04/2006, 17h20

ok desole de m'etre mal exprimer...
Comment faire pour empecher l'envoie du formulaire a partir de javascript ?

Battosaiii · 15/04/2006, 17h33

j'avais pas vu ton autre message. Meme avec return false ca marche pas ...il envoie le formulaire
Voici le code exact :

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
 
<HTML><HEAD><TITLE>Amount to credit</TITLE></HEAD><BODY>
<script language='Javascript1.2'>
function testNumber(n){ 
	   if(isNaN(n)){
     alert('type a number!') }}
</script>
<FORM name ='AccountForm' action=http://localhost:8080/OnlineBankingSystem/servlet/transfer_5 method='POST' >
<TABLE width='600' border='2'><TR><TD>Type the amount you want</TD>
<TD><input type='text' name='AMOUNT' onchange='testNumber(this.value)'></TD></TR>
<TR><TD>From account</TD><TD>account autre</TD></TR>
<TR><TD>to account</TD><TD>current account</TD></TR>
</TABLE>
<input type='hidden' name='DEBIT' value='13'>
<input type='hidden' name='CREDIT' value='44'>
 
<BR><input type='submit' value='valider'><BR>
</FORM></BODY></HTML>

**javatwister** · 15/04/2006, 18h06

...

envoyer sous condition un formulaire, c'est le problème le plus rabattu ici depuis que je fréquente ce forum! et ça n'a rien à voir avec ton pbm de départ alors cherche un peu dans google "valider un formulaire"!

forum != tutoriel

**FremyCompany** · 15/04/2006, 18h12

Je vois toujours pas pk il s'envoie tout seul mais voici une idée (a finaliser).

Code :

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

<FORM id="MyForm" ... onsubmit="return cansubmit">...</FORM>

et

Code :

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

1
2
3
<script type="text/javascript" language="javascript">
var cansubmit = false
</script>

et

Code :

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

<INPUT type="button" ... onclick="cansubmit=true;document.form['MyForm'].submit();" />

Tester la valeur(float ou pas) d'un input text

JavaScript

Vue hybride

Discussions similaires

Partager

Partager