Touche entrer a la place du bouton.

flo39400 Messages postés 596 Date d'inscription   Statut Membre Dernière intervention   -  
flo39400 Messages postés 596 Date d'inscription   Statut Membre Dernière intervention   -
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:

3 réponses

Réponse 1 / 3
Utilisateur anonyme
 
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.
0
flo39400 Messages postés 596 Date d'inscription   Statut Membre Dernière intervention   21
 
Avec le bouton sa fonctionne mais pas avec la touche....
0
Utilisateur anonyme
 
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.
0
Réponse 2 / 3
flo39400 Messages postés 596 Date d'inscription   Statut Membre Dernière intervention   21
 
submit il fonctionne donc sa sert a rien de changer sa.
Mais avec la touche ENTRER rien ne marche....

--
0
Utilisateur anonyme
 
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.
0
flo39400 Messages postés 596 Date d'inscription   Statut Membre Dernière intervention   21
 
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....
0
Réponse 3 / 3
Grandasse_ Messages postés 924 Date d'inscription   Statut Membre Dernière intervention   597
 
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.

0
Utilisateur anonyme
 
Avec la fonction submit, pas besoin de bouton submit et on peut envoyé avec la touche entrer....
0
Grandasse_ Messages postés 924 Date d'inscription   Statut Membre Dernière intervention   597 > Utilisateur anonyme
 
Oui, je propose une alternative.
0
flo39400 Messages postés 596 Date d'inscription   Statut Membre Dernière intervention   21
 
avec la touche entrée du clavier sa marche pas, perso le bouton j'en veux plus
0

Discussions similaires

COCO : où aller ensuite ?
MysticMagic77 -
bendrop -

1 réponse