begin process at 2012 02 14 04:12:42
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Formulaire

 > BLOQUER TOUCHE ENTER

BLOQUER TOUCHE ENTER


 Information sur la source

Note :
7 / 10 - par 1 personne
7,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Formulaire Niveau :Débutant Date de création :05/04/2005 Date de mise à jour :05/04/2005 11:55:37 Vu :17 670

Auteur : crilun

Ecrire un message privé
Commentaire sur cette source (18)
Ajouter un commentaire et/ou une note

 Description

Ce code permet de bloquer le POST lors de l'appui sur la touche enter sur un epage web en method='POST',
il remplace l'appui sur la touche enter par la touche TAB,
pour l'utiliser il suffit d'appeller la focntion sur l'evenement on KeyPress de la FORM

Source

  • function BloqSubmit()
  • {
  • if (window.event.type == "keypress" & window.event.keyCode == 13)
  • {
  • return !(window.event.type == "keypress" & window.event.keyCode == 13);
  • }
  • }
function BloqSubmit() 
{  
if (window.event.type == "keypress" & window.event.keyCode == 13) 
	{
		return !(window.event.type == "keypress" & window.event.keyCode == 13); 
	}
} 



 Historique

05 avril 2005 11:55:37 :

 Sources du même auteur

DECIMAL À 2 CHIFFRES
VERIFIER SAISIE D'UN ENTIER

 Sources de la même categorie

Source avec Zip Source avec une capture BOITE DE DIALOGUE MODALE DE SÉLECTION D'UNE LISTE D'ICONES par JJDai
Source avec Zip Source avec une capture RÉSOLUTION D'UN SYSTÈME D'ÉQUATIONS LINÉAIRES À N INCONNUES par william voirol
Source avec Zip Source avec une capture PLUGIN JQUERY LISTE MODIFIABLE (COMBO) AUTOCOMPLÉTÉE par medkarim
GESTION DE NUMÉRO DE TÉLÉPHONE SIMPLE DANS FIREFOX7 par rotomtom
Source avec Zip Source avec une capture RECOMMANDER CETTE PAGE AVEC MAILTO, ACCENT ET RETOUR LIGNE D... par weabow

Commentaires et avis

Commentaire de gilids le 06/04/2005 11:57:08

Salut,
J'ai pas testé, mais je te propose ça :

function BloqSubmit()
{  
if (window.event.type == "keypress" && window.event.keyCode == 13)

    return false;
}  

- le & devient un &&
- "return false" suffit, pas besoin de réévaluer un booléen dont tu connais la valeur

Commentaire de letueur52 le 05/08/2005 11:22:27

bonjour,
quelqu'un pourrait il me dire comment on l'insere dans un formulaire
svp

Commentaire de crilun le 05/08/2005 11:53:35

au debut de ta page html:

<script>document.onkeypress =BloqSubmit;
//tes fonctions javascript
</script>

si c'est du visual studio :
dim MesfonctionsJavascript as string ="<script>document.onkeypress =BloqSubmit;
//tes fonctions javascript
</script>"
response.write(MesfonctionsJavascript) (au load de ta page)

Commentaire de letueur52 le 05/08/2005 12:13:40

merci pour la rapidite
je mets donc la fonction dans le head

   1. function BloqSubmit()
   2. {
   3. if (window.event.type == "keypress" & window.event.keyCode == 13)
   4.     {
   5.         return !(window.event.type == "keypress" & window.event.keyCode == 13);
   6.     }
   7. }

et

dans le body
<script>document.onkeypress =BloqSubmit;
//tes fonctions javascript
</script>

est cela!!

Commentaire de crilun le 05/08/2005 13:05:59

Oui,Normalement tu dois meme pouvoir la mettre dans le head au dessus de ta fonction BloqSubmit, ca doit pas poser de problemes

Commentaire de letueur52 le 05/08/2005 20:17:39

je suis desole mais je n'y arrive pas


je mis dans le head

<script>document.onkeypress =BloqSubmit;

function BloqSubmit()
{
if (window.event.type == "keypress" & window.event.keyCode == 13)
{
return !(window.event.type == "keypress" & window.event.keyCode == 13);
}
}
</script>

mais quand je suis dans mon formulaire et que je fait entrer
ca valide quand meme et du coup ça mets une table sql a jour (moins les inputs pas rempli qui sont enregistre a 0)

Commentaire de crilun le 08/08/2005 11:17:36

Autant pour moi,
essaye de le mettre en premiere ligne de ton script avant le head.

Commentaire de letueur52 le 08/08/2005 13:06:49

j'ai essaye de mettre
<script>document.onkeypress =BloqSubmit;</script>
avant le head======> ne fonctionne pas
juste apres la balise body======> ne fonctionne pas

avec la fonction dans le head

je ne vois pas ou est le probleme

Commentaire de crilun le 08/08/2005 13:45:11

tu as peut etre une balise <form> dans ton code
si celle a method="POST" ta form ce valide quand meme,
pour la bloquer il faut que tu rajoute en plus du code precedent dans ta balise form:
onkeypress="BloqSubmit;"
pour lui preciser que pour ta form aussi la validation par la touche entrée est verouillée
regarde aussi si javascript est bien activé sur ton navigateur

Commentaire de letueur52 le 10/08/2005 09:41:25

il n'y a rien à faire ,
je n'y arrive pas
je suis à la lettre tout ce que tu me dis mais rien ne marche
le javascript est bien activé sur ton navigateur (firefox)
@+

Commentaire de crilun le 10/08/2005 10:00:47

Meme si j'utilise moi meme firefox cette fonction m'a servi au boulot pour IE,
je ne l'ai donc pas testé sous firefox,
test voir deja sous ie si tu arrives a la faire marcher,
ensuite regarde au niveau de tes propriétés car je sias que souvent ce que j'ai devellopé sous firefox necessiatit des chemins complets depis la racine de ton document ex:
sous ie form1 suffit a specifiée la form1 alors que sous firefox il faut specifié document.form1
je l'adapeterais a firefox des que j'aurais un peu de temps mais la je susi au boulot je ne vasi pas avoir pour l'instant

Commentaire de letueur52 le 10/08/2005 11:28:11

ok merci pour le temps que tu m'as consacre
@+

Commentaire de letueur52 le 10/08/2005 13:42:31

j'ai trouve un script du meme genre que le tien

merci encore



Permet de bloquer le touche entree sous IE, Mozilla, Netscape.

Le même code que le message précédent mais un peut amelioré:
dans le header :
<script language="JavaScript">
if (document.layers)
document.captureEvents(Event.KEYPRESS)

function process_keypress(e) {
if(window.event){
if (window.event.type == "keypress" & window.event.keyCode == 13)
return !(window.event.type == "keypress" & window.event.keyCode == 13);
}
if(e)
{
if (e.type == "keypress" & e.keyCode == 13)
return !e;
}
}
document.onkeypress = process_keypress;
</script>

Dans la balise du formulaire:
onkeypress = "javascript:process_keypress(event)";


Commentaire de crilun le 10/08/2005 13:52:40

ok,
je viens de voir d'ou vient le pb
en fait ma focntion ne permet de gerer ca que dans le cas ou il n'y a pas de formulaire en fait (chose qui ne me posait pas de pb vu que je suis sur un portail dotnetnuke en vb.net)
la partie
if (e.type == "keypress" & e.keyCode == 13)
return !e;
permet de gerer en plus le cas ou le event provient du formulaire et non plus de la feuille elle meme.
Merci d'avoir renvoyé ce que tu avais trouvé
++

Commentaire de shudrummer le 06/09/2007 19:07:20

Bonjour tout le monde, existe t il un moyen de bloquer la touche entrée, mais pour un element spécifique, je bloque completement là dessus !

Merci !

Commentaire de TheHerv le 10/03/2008 14:41:36

Bonjour,

je rencontre un problème de même nature.
Ceci sur un application asp.net codée en c#.
Nous utilisons des masterpages, certains boutons doivent répondre via "Enter", mais en règle générale il ne faut pas que l'application réagisse.

J'ai placé ce code dans la masterpage (gérant le formulaire)
<form id="form1" runat="server"  onkeydown="if(event.which || event.keyCode){if ((event.which == 13) || (event.keyCode == 13)) {var Hack=0;}}" onkeypress="if(event.which || event.keyCode){if ((event.which == 13) || (event.keyCode == 13)) {var Hack=0;}}">

En fait, dès que la page est sélectionnée, hé bien, la touche enter agit sur un bouton, or celui-ci ne doit réagir que lorsque un champ précis est onFocus
==> voici le code que j'ai pondu
(this.txtRecherche.Attributes.Add("onkeydown", "if(event.which || event.keyCode){if ((event.which == 13) || (event.keyCode == 13)) {document.getElementById('" + this.btnRecherche.ClientID + "').click();return false;}} else {return true}; ");)

Quelqu'un a une idée?

Merci d'avance

Commentaire de thiaco le 01/05/2009 08:35:43

Voici la solution:
------------------------------

<script type="text/javascript">
function pasentree() {
return !(window.event && window.event.keyCode == 13); }
</script>

<input onkeypress="return pasentree()" type="text" name="nom"/>
-------------------------------
MERCI A TOUS
-------------------------------
SALUT

Commentaire de matlamis le 11/05/2010 08:59:00

Voici une autre solution

<body onkeypress="return !(window.event && window.event.keyCode == 13)" >


le plus simple

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,374 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales