Touche entrer a la place du bouton.

Fermé

flo39400 Messages postés 596 Date d'inscription mardi 8 avril 2008 Statut Membre Dernière intervention 9 septembre 2021 - 19 mars 2017 à 01:56
flo39400 Messages postés 596 Date d'inscription mardi 8 avril 2008 Statut Membre Dernière intervention 9 septembre 2021 - 20 mars 2017 à 15:10

Bonjour,

Voila j'aimerai remplacer mon bouton Envoyer par simplement la touche entrer.

J'ai essayer de faire cela en me basant sur ce que j'avais déja :

Ce code ne fonctionne pas.

onKeyPress = function () { if ( event.keycode == 13 ) 
	{
	var name =  $("#name").val();
	
	var message = $("#message").val();
	
	$("#message").val("");
	
	$.ajax({
		async: false ,
		type: 'GET',
		url: 'chat_control.php?name='+name+'&message='+message
		
	});
	 }};

Le code du bouton :

$("#submit").click(function()
	{
	var name =  $("#name").val();
	
	var message = $("#message").val();
	
	$("#message").val("");
	
	$.ajax({
		async: false ,
		type: 'GET',
		url: 'chat_control.php?name='+name+'&message='+message
		
	});
	
	});

Merci d'avance pour votre aide.

A voir également:

Alternative touche entrée
Touche rémanente - Guide
Zone téléchargement alternative - Guide
Touche insert - Guide
Quelle touche pour débloquer la souris ? - Guide
Touche entrée ne fonctionne plus ✓ - Forum Clavier

3 réponses

Réponse 1 / 3

Utilisateur anonyme
19 mars 2017 à 02:12

Normalement lorsqu'on appuie sur la touche entrer le formulaire s'envoie, enfin je crois que je n'utilise jamais le bouton submit, donc montre ton formulaire doit être mal construit.

Sinon utilises la fonction

submit()

sur ton formulaire et non

$("#submit").click

, va voir la doc ici:

https://api.jquery.com/submit/

Si tu changes ça normalement ça se réglera.

flo39400 Messages postés 596 Date d'inscription mardi 8 avril 2008 Statut Membre Dernière intervention 9 septembre 2021 21
19 mars 2017 à 02:17

Avec le bouton sa fonctionne mais pas avec la touche....

Utilisateur anonyme
19 mars 2017 à 02:26

Car tu as bind l'envoi du formulaire lors du click du bouton, et non au submit du formulaire, il faut ce code pour que ça fonctionne:

$("#form_id").submit(function()
{
	var name =  $("#name").val();
	var message = $("#message").val();
	$("#message").val("");
	$.ajax({
		async: false ,
		type: 'GET',
		url: 'chat_control.php?name='+name+'&message='+message	
	});
});

Remplace #form_id par l'id du formulaire.

Réponse 2 / 3

flo39400 Messages postés 596 Date d'inscription mardi 8 avril 2008 Statut Membre Dernière intervention 9 septembre 2021 21
19 mars 2017 à 08:33

submit il fonctionne donc sa sert a rien de changer sa.
Mais avec la touche ENTRER rien ne marche....

--

Utilisateur anonyme
19 mars 2017 à 09:12

Tu n'as absolument pas lu ce que j'ai mis, ni regarder la doc, car la fonction submit, quand elle est appliquée à un formulaire, s'exécute quand on envoie le formulaire, soit avec un bouton, soit avec la touche entrer.

flo39400 Messages postés 596 Date d'inscription mardi 8 avril 2008 Statut Membre Dernière intervention 9 septembre 2021 21
19 mars 2017 à 09:17

Si j'ai lu et donc je le répète ça fonctionne bien et mon bouton n'est pas de type submit sais juste un id de l'objet bouton et le code fonctionne bien. Moi j'aimerais remplacer cela par la touche Entrer pour exécuter l'envoi. Car la on tourne en rond....

Réponse 3 / 3

Grandasse_ Messages postés 924 Date d'inscription jeudi 28 janvier 2010 Statut Membre Dernière intervention 27 avril 2023 592
19 mars 2017 à 10:20

Bonjour,
Le bouton submit, c'est quand même le seul à faire que ton formulaire sera envoyé.
Si la touche entrée envoie le formulaire, c'est parce qu'il y a un bouton submit, il se sert de ça.
Donc si tu enlèves le bouton, tu peux oublier...

Je viens de trouver une solution qui est de mettre le bouton mais de le cacher... https://forum.alsacreations.com/topic-2-46754-1-Validation-avec-la-touche-entree-dun-formulaire.html

Perso je suis pas fan de l'idée, il y a plein de gens qui prennent la souris pour faire ce genre de chose, et avoir le bouton n'empêche pas d'utiliser la touche entrée.

Utilisateur anonyme
19 mars 2017 à 10:27

Avec la fonction submit, pas besoin de bouton submit et on peut envoyé avec la touche entrer....

Grandasse_ Messages postés 924 Date d'inscription jeudi 28 janvier 2010 Statut Membre Dernière intervention 27 avril 2023 592 > Utilisateur anonyme
19 mars 2017 à 10:35

Oui, je propose une alternative.

flo39400 Messages postés 596 Date d'inscription mardi 8 avril 2008 Statut Membre Dernière intervention 9 septembre 2021 21
Modifié par flo39400 le 20/03/2017 à 15:10

avec la touche entrée du clavier sa marche pas, perso le bouton j'en veux plus

Discussions similaires

erreur McUICnt.exe

Touches majuscule et minuscule inversées sur mon clavier

Point d'entrée introuvable

Touche "home" sur pc portable.

Erreur : Pas d'entrée video

Discussions similaires

Newsletters