[RESOLU] Touche entrée dans un formulaire PHP

Eléphanteau du PHP | 13 Messages

09 déc. 2013, 18:30

Bonjour à tous !

J'ai crée un formulaire en PHP pour envoyer des mails et je me heurte à un petit problème...

En effet, quand l'utilisateur appuie sur la touche entrée quand il est dans un champ text, ça envoie le formulaire au lieu de faire un saut de ligne !

A quoi est-ce du ?

J'ai fait pas mal de recherches et j'ai trouvé quelques petites choses, comme ceci :

Code HTML
<input type="text" id="titre">
Code JQuery
[javascript]$('#titre').keyup(function(e) {
if(e.keyCode == 13) { // KeyCode de la touche entrée
alert('Hey ! Tu as appuyé sur la touche entrée !!');
}
});[/javascript]
Cependant, je n'ai pas trouvé le bon emplacement pour ce petit bout de code..

Comment faire pour que lorsque l'utilisateur appuie sur la touche entrée, ça n'envoie pas le formulaire mais fasse juste un saut de ligne ?

Merci d'avance pour votre aide !

ViPHP
xTG
ViPHP | 7331 Messages

09 déc. 2013, 19:28

Un input de type text est monoligne.
Utilises une balise textarea pour un texte multiligne. ;)

Eléphanteau du PHP | 13 Messages

10 déc. 2013, 10:21

Merci beaucoup pour ta réponse !
En la voyant, elle m'a paru évidente et j'ai modifié les champs text par des textarea :
<input type="textarea" id="'.$template->childNodes->item($compteur)->nodeValue.'"  name ="'.$template->childNodes->item($compteur)->nodeValue.'"/>
Il faudrait ensuite que je place la fonction JQuery
[javascript]$('#titre').keyup(function(e) {
if(e.keyCode == 13) { // KeyCode de la touche entrée
alert('Hey ! Tu as appuyé sur la touche entrée !!');
}
});[/javascript]
Mais je ne sais pas trop dans quel fichier... Je vais faire quelques tests.

Merci encore pour ta réponse ! :D

Eléphanteau du PHP | 12 Messages

10 déc. 2013, 10:35

1- un textarea utlises deux balises :
<textarea></textarea>
. Tu peu régler la largeur avec cols="" et la hauteur avec rows="" (
<textarea cols="50" rows="10">ICI LE VALUE</textarea>
2-Pourquoi tu veut utiliser Jquery ?

Eléphanteau du PHP | 13 Messages

10 déc. 2013, 10:54

Merci pour ta réponse !

C'est vrai qu'avec un textarea, le problème de la touche entrée est résolu et je n'ai plus besoin de m'encombrer du code JQuery.
<textarea cols="50" rows="10" id="'.$template->childNodes->item($compteur)->nodeValue.'"  name ="'.$template->childNodes->item($compteur)->nodeValue.'"></textarea>
Et du coup ça marche !

Merci pour votre aide, problème résolu ! :P

Eléphanteau du PHP | 12 Messages

10 déc. 2013, 12:03

de rien c'est normal :wink: