Retour de variable non définie dans formulaire

Version imprimable

Bonjour,

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

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:

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

Salut

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

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

Précisions

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

fichier html

Code:

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:

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 ?

Je pense que j'ai trouvé

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

Code:

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 !");
					}

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

Code:

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

22/09/2018, 16h06
CCACC02

Merci, je comprends ainsi mieux comment cela fonctionne .