Tester la valeur d'un texte

**GLDavid** · 01/12/2005, 13h05

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 :

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

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 :

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

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.

@++

**javatwister** · 01/12/2005, 13h25

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

**GLDavid** · 01/12/2005, 13h47

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

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

@++

**SpaceFrog** · 01/12/2005, 14h19

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

**GLDavid** · 01/12/2005, 14h24

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.

@++

**SpaceFrog** · 01/12/2005, 14h44

Code :

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

onsubmit="return Fonctiondeverif()"

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

ainsi le submit sera stoppé ou non

**GLDavid** · 01/12/2005, 14h47

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

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

@++

**SpaceFrog** · 01/12/2005, 15h00

manque un } pour fermer la fonction ...

et

Code :

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

<script type='text/javascript'>

**GLDavid** · 01/12/2005, 15h11

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

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

@++

**SpaceFrog** · 01/12/2005, 15h26

sous quel nav ???
chez moi ça fonctionne !

**Matthieu2000** · 01/12/2005, 15h30

rafraichi la page ( peut être à cause du cache)

**GLDavid** · 01/12/2005, 15h41

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

@++

**GLDavid** · 01/12/2005, 15h45

Rhaaa, même en rafraîchissant comme un malade ou en vidant mon cache, il ne se passe toujours rien

J'essaierais mais scripts sur mon PC à la maison (là, je suis au taf').

@++

**denisC** · 01/12/2005, 17h05

Envoyé par GLDavid

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

**GLDavid** · 02/12/2005, 08h10

Bon, je pige pas, chez moi ça marche absolument pas que ce soit Windows ou Linux !

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

**GLDavid** · 02/12/2005, 08h14

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

@++

Tester la valeur d'un texte

JavaScript

Discussions similaires

Partager

Partager