Code JQuery : Entrez la clé dans le formulaire de contrôle de jQuery

Source : Internet
Auteur : utilisateur

Par défaut, en appuyant sur entrée dans le formulaire d’entrée de boîte (entrée) présentera un (formulaire). Cela crée un problème : lorsque l’utilisateur appuie accidentellement sur la touche entrée lorsque vous remplissez le formulaire (surtout si la zone de saisie contient une histoire, ce qui arrive fréquemment), le formulaire incomplet est soumis. Nous pouvons bloquer la touche entrée via Javascript afin que lorsque l’utilisateur tape la touche entrée, le formulaire n’est pas envoyé, et nous pouvons effectuer d’autres tâches selon les besoins, tels que déplacer le curseur dans la zone d’entrée suivante. Ce blindé non seulement la clé pour pouvoir envoyer le formulaire par erreur, mais également pratique pour les utilisateurs, faire les deux !

Le code de jQuery est comme suit :

<script type="text/javascript">
$(document).ready(function(){
$("input").keypress(function (e) {
var keyCode = e.keyCode ? e.keyCode : e.which ? e.which : e.charCode;
if (keyCode == 13){
var i;
for (i = 0; i < this.form.elements.length; i++)
if (this == this.form.elements[i])
break;
i = (i + 1) % this.form.elements.length;
this.form.elements[i].focus();
return false;
}
else
return true;
});
});
</script>



Article associé

Nous contacter

Le contenu de cette page provient d'Internet et ne reflète pas l'opinion d'Alibaba Cloud ; les produits et services mentionnés sur cette page n'ont aucune relation avec Alibaba Cloud. Si le contenu de la page vous semble problématique, veuillez nous écrire un courriel, nous traiterons le problème dans les 5 jours suivant la réception de votre message.

Si vous constatez des cas de plagiat de la part de la communauté, veuillez envoyer un courriel à : info-contact@alibabacloud.com et fournir des preuves pertinentes. Un membre de notre équipe vous contactera dans les 5 jours ouvrables.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.