Rafarîchissement non voulu après onKeyPress

**cefabien** · 18/12/2007, 11h36

Bonjour,

j'ai un souci, je développe en J2EE et j'utilise le javascript pour intercepter l'action sur la touche "Entrée".

L'interception se passe sans problème, j'appelle à ce moment là ma fonction javascript voulu (sur le keyCode 13). Je fait mes contrôles, par exemple j'ai un champ input text et select, tous 2 obligatoires.

Explication : le 1er input est à vide, quand je tape "Entrée" mon 1er champ est vide le 2ème aussi => message d'erreur. Ok no Problème

Problème : le 1er champ est renseigné et le select vide => message d'erreur, Ok nickel, mais là il y a un rafraîchissement de ma page actuelle et ça je veux pas.

Quelqu'un sait pourquoi ça rafraîchi et comment l'en empêcher ?

Merci

**jln13** · 18/12/2007, 11h41

Salut,

Ca serait plus simple de trouver si tu mettais ton code ^^ Mais bon a priori je dirais qu'il te manque un "return false;" pour lui dire de ne pas recharger la page.

**cefabien** · 18/12/2007, 11h49

J'avais déjà testé et là je viens de retester (on sait jamais), ta solution mais ça actualise toujours.

Effectivement voici mon code...

Dans ma page jsp :

Code :

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

1
2
3
4
 
...
<body onkeypress="if (window.event.keyCode == 13) rechercheTypeDesserteSiege()">
...

Ma fonction javascript :

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
26
27
28
29
30
31
32
33
34
35
36
37
38
 
function rechercheTypeDesserteSiege()
{
	var retour		= true;
	var trDesserteInconnu	= document.getElementById("trDesserteInconnu");
	var topChkInconnu		= document.getElementById("idChkDesserteInconnu");
 
	if(trDesserteInconnu.style.display == "none" || (!topChkInconnu.checked && trDesserteInconnu.style.display == ""))
	{
		retour = checkChampsObligatoiresSiege();
	}
 
	if(retour)
	{
		if (document.getElementById('idFormTypeDesserte').value!='')
		{	
				document.forms[0].action = "correctionRechSiege.do";
				document.forms[0].submit();
		}
	}
	else
	{
		alert("L'entité et le type de point de desserte sont obligatoires");
		return false;
	}
}
 
function checkChampsObligatoiresSiege()
{
	var typeDEsserteChoisi	= document.getElementById("idSelTypeDesserte").options[document.getElementById("idSelTypeDesserte").selectedIndex].value;
	var codeEntiteChoisi	= document.getElementById("idCodeEntite").value;
 
	if(typeDEsserteChoisi == "" || codeEntiteChoisi == "")
	{
		return false;
	}
	return true;
}

Voilà voilà

Merci

**sachav** · 18/12/2007, 11h55

Je suppose que tu as un form...
Bon, n'as-tu pas oublie quelque chose comme :

Code :

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

<form onsubmit="return rechercheTypeDesserteSiege()">

?
Pouvez-vous donner tout le code de la page html?
Merci

**cefabien** · 18/12/2007, 12h05

Merci de ta patience :p
mais je sais pas si je suis autorisé à montrer tout mon code (sécurité bancaire oblige) mais je peux mettre les parties de ma jsp concernée.

Code :

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

1
2
3
4
5
6
 
...
<form name="nmFormTypeDesserte" id="idFormTypeDesserte" method="POST">
...
<input type="button" value="Rechercher" onClick="rechercheTypeDesserteSiege()" name="recherche" class="sgC_Btn" />
...

après voilà y a pas d'autres champs importants pour ce cas.
Je n'ai pas d'autres bouton dans la page, celui-ci est le seul.

Désolé de ne pas pouvoir tout mettre.
:p

**sachav** · 18/12/2007, 18h22

Essayez alors de rajouter dans la balise form:

Code :

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

1
2
3
 
 
<form ... ... onsubmit="return false">

Rafarîchissement non voulu après onKeyPress

JavaScript

Vue hybride

Discussions similaires

Partager

Partager