Retour clé: Comment faire pour se concentrer sur le bon formulaire

Question

Je ai plus d'un formulaire sur la même page: Je voudrais savoir si je peux soumettre le bon formulaire lorsque l'utilisateur appuie sur la touche "retour clavier" ?

Merci

Answer 1

Que diriez-vous: ce

<form id="form1"> 
    <input type="text" /> 
</form> 
<form id="form2"> 
    <input type="text" /> 
</form> 

<script type="text/javascript"> 
    for (var i = 0; i < document.forms.length; i++) { 
     document.forms[i].onkeypress = function(e) { 
      e = e || window.event; 
      if (e.keyCode == 13) 
       this.submit(); 
     } 
    } 
</script> 

Fondamentalement boucle à travers chaque forme, fil l'événement onkeypress pour chacun qui vérifie entrer (keycode == 13) et des appels soumettre ce formulaire.

Answer 2

Vérifiez quel élément a le focus. Vérifiez quel formulaire est son parent. Exécuter soumettre.

document.onkeypress = function() { 

    var element = activeElement.parentNode; 

    while(element.nodeType != /form/i) { 
     element = element.parentNode; 
    } 

    element.submit(); 
} 

Answer 3

Je suppose que par la forme correcte, vous voulez dire la forme sur laquelle l'utilisateur travaille! Bien que ce ne soit pas le plus propre, mais si vous voulez vraiment travailler de cette façon, vous pouvez définir des limites de formulaire et vous pouvez définir le focus sur le bouton de soumission approprié dès que l'utilisateur passe d'un formulaire à un autre .

Avec la version plus propre, vous pouvez conduire les utilisateurs à choisir les options appropriées et les amener à travailler sur une forme simple (peut-être cacher la forme non pertinente une fois que vous obtenez assez d'informations sur ce que l'utilisateur va travailler)