Maison >interface Web >tutoriel CSS >Comment puis-je empêcher la soumission d'un formulaire lors d'une saisie par équipe dans une zone de texte ?

Comment puis-je empêcher la soumission d'un formulaire lors d'une saisie par équipe dans une zone de texte ?

Susan Sarandon
Susan Sarandonoriginal
2024-12-05 00:03:12386parcourir

How Can I Prevent Form Submission on Shift Enter in a Text Area?

Shift Enter in TextArea : générer une nouvelle ligne

Lorsque les utilisateurs appuient sur la touche Entrée à l'intérieur d'une zone de texte, soumettre le formulaire est le comportement attendu. Cependant, si Shift est enfoncé en combinaison avec Entrée, il est souvent préférable de déplacer le curseur vers une nouvelle ligne plutôt que de soumettre le formulaire.

Solution :

Il existe deux solutions principales à ce problème problème :

1. Modifier le code existant :

S'il existe un script existant qui oblige Entrée à soumettre le formulaire, modifiez-le pour vérifier la touche Shift. Voici un exemple :

if (evt.keyCode == 13 && !evt.shiftKey) {
    form.submit();
}

2. Utilisez JavaScript et jQuery :

Si vous n'avez pas accès au code existant, implémentez cette solution en utilisant JavaScript et jQuery :

$("#your_textarea_id").keydown(function(evt) {
    if (evt.keyCode == 13 && evt.shiftKey) {
        pasteIntoInput(this, "\n");
        evt.preventDefault();
    }
}).keypress(function(evt) {
    if (evt.keyCode == 13 && evt.shiftKey) {
        pasteIntoInput(this, "\n");
        evt.preventDefault();
    }
});

Ce code insérera un caractère de nouvelle ligne (n) dans la zone de texte lorsque Shift Entrée est enfoncé, empêchant le formulaire de soumission.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn