Rafarîchissement non voulu après onKeyPress

Version imprimable

18/12/2007, 11h36
cefabien

Rafarîchissement non voulu après onKeyPress

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
18/12/2007, 11h41
jln13

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.

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:

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

Ma fonction javascript :

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

18/12/2007, 11h55
sachav

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

Code:

<form onsubmit="return rechercheTypeDesserteSiege()">

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

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:

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

18/12/2007, 18h22
sachav
Essayez alors de rajouter dans la balise form:
Code:

1 2 3 <form ... ... onsubmit="return false">
18/12/2007, 19h34
SpaceFrog

mouarf securité bancaire avec du code javascript :mouarf3: