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

Version imprimable

Voir 40 message(s) de cette discussion en une page

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:

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.

14/04/2006, 16h54
denisC

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

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:

1 2 monChamp.value.indexOf(',')>0
:?:
14/04/2006, 17h09
MasterOfChakhaL

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)

En prenant en consideration vos commentaire j'ai creer :

Code:

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 ?

15/04/2006, 11h41
FremyCompany

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:

if (parseFloat("mynbr") == parseInt("mynbr")) {/*Nombre entier*/}
15/04/2006, 13h14
Battosaiii
Pour verifier si la valeur entree est un float j'ai fait
Code:

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 !!
15/04/2006, 13h44
FremyCompany

Code:

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...

J'ai mis ton code mais il marche pas !

Code:

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 ,.

Code:

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>

15/04/2006, 15h06
FremyCompany

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.
15/04/2006, 15h18
Battosaiii

j'ai mis un i a if mais ca marche pas,je vais essayer ta methode javatwister
15/04/2006, 15h29
Battosaiii

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 ?
15/04/2006, 15h37
FremyCompany

Citation:

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...
15/04/2006, 15h42
Battosaiii

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 ?
15/04/2006, 15h45
FremyCompany

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 :oops:
15/04/2006, 15h49
FremyCompany

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
15/04/2006, 16h20
Battosaiii

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

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

Code:

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>

15/04/2006, 17h06
javatwister

... :roll:

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 :!:
15/04/2006, 17h12
FremyCompany
Je vois toujours pas pk il s'envoie tout seul mais voici une id�e (a finaliser).

Code:

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

et
Code:

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

Code:

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

Voir 40 message(s) de cette discussion en une page