Tester la valeur d'un texte

Version imprimable

Bonjour

Je veux pouvoir contrôler les entrées d'un élément text d'un formulaire. J'ai donc crée la fonction suivante :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<script language="Javascript">
function verification(form1){
	var text = document.form1.input.value;
	if(text.length==0){
        	alert ('Field not filled !');
        	return false;
    	}
    	var Model=/\d+/;
    	if(!text.match(Model){
    		alert ('A number is required !');
        	return false;
        }
    	return true; 
</script>

Et je l'appelle dans le formulaire suivant :

Code:

1
2
3
 
<form name="howmanyfiles" method="get" action="./cgi-bin/form.pl" enctype="text/plain" onSubmit='verification(howmanyfiles)'>
How many files do you want to process ? <INPUT TYPE="text" NAME="nb_files" SIZE="3" MAXLENGTH="3"> <input type="submit" value="Validate"></form></p>

Seulement rien ne se produit. Pourquoi ?
Merci d'avance de vos réponses.

@++

01/12/2005, 13h25
javatwister

déjà, parce qu'en un dixième de seconde, on constate que tu oublies l'instruction return dans ton appel de fonction;

Oui, mais même en mettant return, rien ne se produit, même avec ce code minimal :

Code:

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
 
<head>
<title>Add header to files</title>
<script language="Javascript">
function verification(form){
	var text = form.nb_files.value;
	alert(text);
	<!-- if(text.length==0){
        	alert ('Field not filled !');
        	return false;
    	}
    	var Model=/\d+/;
    	if(!text.match(Model){
    		alert ('A number is required !');
        	return false;
        }
    	return true;--> 
</script>
</head>
<body>
<p align="center"><font size="+2"><b><u>Complete this form</u></b></font></p>
<p>
<form name="howmanyfiles" action="./cgi-bin/form.pl" method="get" enctype="text/plain" >
How many files do you want to process ? <INPUT TYPE="text" NAME="nb_files" SIZE="3" MAXLENGTH="3"> <input type="submit" value="Validate" onclick="return verification(this.form)"></form>
</p>

Merci d'avance pour toute réponse.

@++

01/12/2005, 14h19
SpaceFrog

heu t'en fait exprès ?

un coup tu mets bien le onsubmit mais sans le return .. ensuite tu mets le return mais pas dans le onsubmit ...
01/12/2005, 14h24
GLDavid

Bon, alors autant l'avouer, je n'y connais rien en javascript, je m'y essaye.
J'ai consulté la FAQ et j'ai essayé d'adapter sans succès jusqu'à présent.
Donc, comment faire pour que ce code marche et me fasse réconcilier avec Javascript ?
Merci d'avance.

@++
01/12/2005, 14h44
SpaceFrog

Code:

onsubmit="return Fonctiondeverif()"

avec une fonction de vérif qui retourne true ou false ...

ainsi le submit sera stoppé ou non

Ok, alors voici ma modif' pour un simple essai :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <html> <head> <title>Add BioXpr header to files</title> <script language="JavaScript"> function verification(){ alert("Ciao"); return true; </script> </head> <body> <p align="center"><font size="+2"><b><u>Complete this form</u></b></font></p> <p> <form name="howmanyfiles" onSubmit="return verification();" action="./cgi-bin/form.pl" method="get" enctype="text/plain" > How many files do you want to process ? <INPUT TYPE="text" NAME="nb_files" SIZE="3" MAXLENGTH="3"> <input type="Submit" value="Validate"></form> </p> </body> </html>
J'espère que cela est correct syntaxiquement. Seulement, mon problème est toujours le même, dès que je clique sur le bouton submit, il passe à l'autre page et je n'ai aucune apparition de mon alerte. :( Diantre, j'ai survécu à C, C++, Java, PHP et Perl, mais butter sur JavaScript :oops:

@++

01/12/2005, 15h00
SpaceFrog

manque un } pour fermer la fonction ...

et

Code:

<script type='text/javascript'>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<html>
<head>
<title>Add BioXpr header to files</title>
<script type='text/javascript'>
function verification(){
	alert("Ciao");
	return true;
    	}
</script>
</head>
<body>
<p align="center"><font size="+2"><b><u>Complete this form</u></b></font></p>
<p>
<form name="howmanyfiles" onSubmit="return verification();" action="./cgi-bin/form.pl" method="get" enctype="text/plain" >
How many files do you want to process ? <INPUT TYPE="text" NAME="nb_files" SIZE="3" MAXLENGTH="3"> <input type="Submit" value="Validate"></form>
</p> 
</body>
</html>

:cry: Il ne se passe toujours rien. Mais pourquoi tant de haine !

@++

01/12/2005, 15h26
SpaceFrog

sous quel nav ???
chez moi ça fonctionne !
01/12/2005, 15h30
Matthieu2000

rafraichi la page ( peut être à cause du cache)
01/12/2005, 15h41
GLDavid

Je suis sous Firefox 1.0.7 sous Fedora Core 3.
Sans doute un problème de cache.
Je vais retester tout ça.

@++
01/12/2005, 15h45
GLDavid

Rhaaa, même en rafraîchissant comme un malade ou en vidant mon cache, il ne se passe toujours rien :evil:
J'essaierais mais scripts sur mon PC à la maison (là, je suis au taf').

@++
01/12/2005, 17h05
denisC

Citation:

Envoyé par GLDavid

:cry: Il ne se passe toujours rien. Mais pourquoi tant de haine !

Je confirme que sous FFx 1.5 Fr un copier/coller de ton code fonctionne tèrs bien (eh oui, il faut passer à la nouvelle version de FFx!!!).
02/12/2005, 08h10
GLDavid

Bon, je pige pas, chez moi ça marche absolument pas que ce soit Windows ou Linux ! :cry: Il ne me reste plus qu'à me coucher sur des rails et attendre la mort !

@++

GLDavid qui espère que la SNCB ne sera pas en grève
02/12/2005, 08h14
GLDavid

Ok, mon ancien code devait être foir...x
J'ai retesté ça fonctionne.

GLDavid, qui a évité de peu le Liège->Namur de 8h20

@++