Comment appuyer sur Entrée sans soumettre le formulaire et soumettre le formulaire en php

PHPz
Libérer: 2023-03-27 17:18:02
original
714 Les gens l'ont consulté

Lorsque nous rédigeons un formulaire, nous rencontrons souvent une telle situation : lorsque l'utilisateur appuie sur Entrée dans la zone de saisie, le formulaire sera automatiquement soumis, ce qui peut facilement entraîner des problèmes tels qu'un mauvais fonctionnement et une perte d'informations.

Cet article vous présentera comment mettre en œuvre deux méthodes pour ne pas soumettre le formulaire et soumettre le formulaire en appuyant sur Entrée en PHP, afin de mieux répondre aux besoins des utilisateurs.

1. Enter ne soumet pas le formulaire

1 Utilisez JavaScript pour implémenter
Nous pouvons utiliser JavaScript pour empêcher le formulaire de se soumettre automatiquement au serveur lorsque l'utilisateur appuie sur la touche Entrée. Le code est le suivant :

Copier après la connexion

2. Utilisez jQuery pour implémenter

De plus, nous pouvons également utiliser la méthode PreventDefault() dans jQuery pour empêcher la soumission de formulaire. Le code est le suivant :

Copier après la connexion

2. Appuyez sur Entrée pour soumettre le formulaire

Si nous voulons que l'utilisateur soumette automatiquement le formulaire en appuyant sur la touche Entrée après avoir saisi les informations, nous pouvons le faire de deux manières.

1. Utilisez JavaScript pour implémenter

Nous pouvons écouter l'événement de la touche Entrée dans la zone de texte et déclencher l'événement de soumission du formulaire lorsque l'utilisateur appuie sur la touche Entrée. Le code est le suivant :

Copier après la connexion

2. l'attribut form de HTML5

En HTML5, nous pouvons utiliser l'attribut form pour lier la zone de saisie au formulaire, de sorte que lorsque l'utilisateur appuie sur la touche Entrée dans la zone de saisie, le formulaire sera automatiquement soumis. Le code est le suivant :

Copier après la connexion

Dans cet exemple, l'attribut form de la zone de saisie pointe vers l'ID du formulaire, et l'attribut form du bouton de soumission pointe également vers l'ID du formulaire. De cette façon, lorsque l'utilisateur appuie sur la touche Entrée, le contenu de la zone de saisie sera soumis au serveur.

Résumé

Lors de la rédaction de formulaires Web, nous devons prendre en compte les habitudes comportementales et les besoins de l'utilisateur pour améliorer l'expérience utilisateur. Cet article présente comment implémenter deux méthodes consistant à appuyer sur Entrée sans soumettre le formulaire et à appuyer sur Entrée pour soumettre le formulaire en PHP. J'espère que cet article pourra vous apporter de l'aide.

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!

Étiquettes associées:
php
source:php.cn
Déclaration de ce site Web
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
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!