Formulaire sans submit

**poussinphp** · 30/08/2006, 16h59

Bonjour à tous !

Voila un petit moment que je cherche dans les forum faq etc... mais je n'ai pas trouvé ce que je cherche.

J'ai un formulaire contenant 2 inputs de type "text" (login et password). Je voudrais que lorsque j'appuis sur la touche entrée ça valide le formulaire (pour eviter le vilain bouton submit.

J'ai essayé quelques manipulation mais sans résultat. Or, lorsque j'ai qu'un seul champs comme pour "rechercher", là ça marche sans mettre aucune option

c'est possible de faire ça ou il il faut que je remette le vilain pas beau bouton?

**yjuliet** · 30/08/2006, 17h37

Les naigateurs HTML, pour éviter des erreurs de saisie lorsque plusieurs champs de type "text" sont présents dans le formulaire empèchent la validation de ce dernier par la saisie de la touche "<ENTREE>".

du coup, tu es obligé d'utiliser du JavaScript

pour valider ton formulaire en attrapant la touche entrée sur chacune de tes zones de saisie.

La fonction JS ressemblera donc à ça :

Code :

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

1
2
3
4
5
6
7
function keyHandler() {
    f = this.form; // Récupère le formulaire contenant le champ
     // c'est possible de le passer en paramètre à la place
    if ( event.keyCode == 13 ) {
        f.submit();
    }
}

et au niveau de tes zones de saisie, tu dois avoir

Code :

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

<input type="text" onkeyup="javascript:keyHandler()"/>

Si tu as déjà pas mal de zones de saisies et que tu veux ne pas tout avoir à modifier, tu peux utiliser une fonction JS comme celle-ci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function setHandler() {
    for ( var i=0 ; i<document.forms.length ; i++ ){
      f=document.forms[i];
      for ( var j=0 ; j<f.length ; j++ ){
         c=f[j];
         if( c.type=="text" ){
            c.onkeyup=keyHandler;            
         }
      }
    }
  }

que tu dois appeler au chargement de ta page :

Code :

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

<body onload="javascript:setHandler()">...

Certains utilisent l'équivalent de la fonction keyHandler() adaptée pour être appliquée au document complet, mais je n'aime vraiment pas la solution...

Je ne suis par contre pas certain à 100% que cette méthode fonctionne toujours avec gecko, il faudrait peut-être modifier un peu le code...

**poussinphp** · 30/08/2006, 18h03

J'ai testé mais malheureusement ça ne marche pas

.

**poussinphp** · 31/08/2006, 14h29

J'ai fais pas mal de tests dessus. Avec le bugzilla de firefox j'ai pu voir que le problème venais d'un manque de paramètres.

j'ai donc fais :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
function keyHandler(f) {
    f = this.form; // Récupère le formulaire contenant le champ
     // c'est possible de le passer en paramètre à la place
    if ( event.keyCode == 13 ) {
        f.submit();
    }
}
 
-----
<input type="text" onkeyup="javascript:keyHandler(this);"/>

Mais ça ne marche toujours pas. J voit plut trop quoi faire là

**SpaceFrog** · 31/08/2006, 14h32

Code :

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

<input type='submit' style='visibility:hidden' />

**poussinphp** · 31/08/2006, 15h22

Et moi qui me prenais la tête...

Merci

Formulaire sans submit

JavaScript

Discussions similaires

Partager

Partager