Retour de variable non définie dans formulaire

**CCACC02** · 21/09/2018, 16h38

Bonjour,

Via un formulaire en html, je souhaite récupérer une valeur exclusivement de nombre entier.

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<body>
	<div id="wrapper">
		<header>
				<form name="saisie" onsubmit="Fonction_Java()" method="post">
  					<input type="text"  name="user_Number" placeholder="Votre entrée ..." />
					<input type="submit" value="OK" />
 
				</form>
		</header>
		<main>			
		</main>
	</div>
</body>

Code :

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

1
2
3
4
5
6
7
function Fonction_Java(){
		var user_Number=document.forms["saisie"]["user_Number"].value;
		if ( isNaN(user_Number)){
 			alert("Vous devez indiquer un nombre !");
					}
 
  }

Mais j'ai ce type d'erreur sur la console : TypeError: document.forms.saisie is undefined ....

Je ne comprend pas pourquoi j'ai ce type d'erreur ...

Merci de votre aide

**ProgElecT** · 21/09/2018, 17h41

Salut

Le problème doit être ailleurs, dans une partie du code que tu ne nous as pas mis,

Code HTML :

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
<!DOCTYPE html>
<html> <!-- BaseModel.html -->
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
		<script>
                        function Fonction_Java(){
                                var user_Number=document.forms["saisie"]["user_Number"].value;
                                if ( isNaN(user_Number)){
                                        alert("Vous devez indiquer un nombre !");
                                }
                        }
                </script>
	</head>
	<body>
		<div id="wrapper">
			<header>
				<form name="saisie" onsubmit="Fonction_Java()" method="post">
  					<input type="text"  name="user_Number" placeholder="Votre entrée ..." />
					<input type="submit" value="OK" />
 
				</form>
			</header>
		</div>
	</body>
</html>

car chez moi tout fonctionne normalement.

**CCACC02** · 21/09/2018, 18h49

Ce que je n'a pas dit c'est que je veux faire appel à un fichier .js externe.
Moi aussi quand je mets la fonction dans le html cela fonctionne... c'est quand on la met à l'extérieur que cela ne semble pas fonctionner

fichier html

Code HTML :

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
<!DOCTYPE html>
<html lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<link href="styles.css" rel="stylesheet" type="text/css"/>
	<script type="text/javascript" src="gen_number4.js"></script>
 
 
</head>
<body>
	<div id="wrapper">
		<header>
			<h1>Le JavaScript en s'amusant ... </h1>
				<form name="saisie" onsubmit="Fonction_Java()" method="post">
  					<input type="text"  name="user_Number" placeholder="Votre entrée ..." />
					<input type="submit" value="OK" />
 
				</form>
		</header>
		<main>			
		</main>
	</div>
</body>

fichier javaS

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function Fonction_Java(){
        var numberToFind = Math.floor(Math.random()*101);
        document.write(numberToFind);
        var saisie;
        console.log("Saisie");
		var user_Number=document.forms["saisie"]["user_Number"].value;
 
		if (isNaN(user_Number)){
                                 alert("Pas un nombre");
              		}
 
	}

voila les deux fichiers complets .... Si cela fait une différence ?

**CCACC02** · 21/09/2018, 19h11

En testant avant tout si la valeur user_number existe, cela fonctionne mais je ne reviens pas sur le formulaire

Code :

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

1
2
3
4
5
6
7
8
function Fonction_Java(){
        var saisie;
        if (user_Number!=null){
		var user_Number = document.forms["saisie"]["user_Number"].value;
}
		if (isNaN(user_Number)){
  alert("Ce n'est pas un un nombre !");
					}

**ProgElecT** · 21/09/2018, 21h29

Re
Pour annuler le passage à la page suivante, il faut passer return false; si le test/vérification demande à rester sur le formulaire.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function Fonction_Java(){
	var user_Number = document.forms["saisie"]["user_Number"].value;
	if (user_Number!==""){
		if (isNaN(user_Number)){
			alert("Ce n'est pas un un nombre !");
			return false;
		}
	}else{
		alert("le champ Votre entrée ... doit être renseigné");
		return false;
	}
}

**CCACC02** · 22/09/2018, 16h06

Merci, je comprends ainsi mieux comment cela fonctionne .

Retour de variable non définie dans formulaire

JavaScript

Discussions similaires

Partager

Partager