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

Version imprimable

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, 17h54
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, 18h09
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, 12h41
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, 14h14
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, 14h44
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, 16h06
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, 16h18
Battosaiii

j'ai mis un i a if mais ca marche pas,je vais essayer ta methode javatwister
15/04/2006, 16h29
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, 16h37
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, 16h42
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, 16h45
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, 16h49
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, 17h20
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, 18h06
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, 18h12
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();" />

mais non!
pour tester si la valeur est un nombre et valider si c'est le cas:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script type="text/javascript">
 
function check(n){
if(isNaN(n)) return false
}
 
</script> 
 
<form id="f" action="" onsubmit="return check(this.elements['t'].value)">
 
<p> 
<input type="text" name="t" id="t" /> 
</p>
 
<p>
<input type="submit" value="Envoyer" />
</p>
 
</form>

bon, voilà, j'ai fini par le donner...

t'es sur que c'est ca ? En faisant :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
 
<HTML><HEAD><TITLE>Amount to credit</TITLE></HEAD><BODY>
<script language='Javascript1.2'>
function testNumber(n){ 
	   if(isNaN(n)){
     alert('type a number!'); 
return false }}
</script>
<FORM name ='AccountForm' action=http://localhost:8080/OnlineBankingSystem/servlet/transfer_5 method='POST' onsubmit='return testNumber(this.elements[AMOUNT].value)' >
<TABLE width='600' border='2'><TR><TD>Type the amount you want</TD>
<TD><input type='text' name='AMOUNT'></TD></TR>
<TR><TD>From account</TD><TD>account autre</TD></TR>
<TR><TD>to account</TD><TD>account bleu</TD></TR>
</TABLE>
<input type='hidden' name='DEBIT' value='443'>
<input type='hidden' name='CREDIT' value='44'>
 
<BR><input type='submit' value='valider'><BR>
</FORM></BODY></HTML>

ca marche pas. Je mets pas de "" car je travaille avec des servlet .
dans (this.elements[AMOUNT].value) j'ai enleve les ' autour d'amount car sinon ca marche pas .
Que faire ?

15/04/2006, 19h19
javatwister

Citation:

Que faire ?

coder proprement! et ça passe par le respect de règles de bases: par exemples, l'utilisation des doubles quotes en html, quel que soit le langage serveur qui génère la page;

pas grand chose à voir avec javascript;
16/04/2006, 11h47
Battosaiii
pas grand chose un peu quand meme :).
J'ai tester dans un html tout simple et ca marche .

e voudrais executer une fonction on submit dans mon servlet :
Code:

1 2 out.println("<FORM name ='AccountForm' action=http://localhost:8080/OnlineBankingSystem/servlet/transfer_5 method='POST' onsubmit='return testNumber(this.elements["AMOUNT"].value)' >");
Mon probleme vient de AMOUNT. POur que ma fonction s'execute il faut
(this.elements["AMOUNT"].value) avec des guillemets autour de AMOUNT le probleme c'est que eclipse me dit :
Citation:

Citation:

error on token "AMOUNT",, expected

J'ai essaye dans un html normal san outprintln et bien ma fonction marche tres bien. J'arrive pas la faire marcher sous servlet. Inutile de me conseiller JSP ca prendrais trop de temps de tout refaire .