Post non souhaité avec bouton onclick et Javascript getElementById

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Post non souhaité avec bouton onclick et Javascript getElementById

Message par karadoc.kotrt le Mar 16 Déc 2014 - 19:08

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Désolé pour le sujet c'était difficile d'être clair.

J'ai crée un formulaire sur une page html.
Mes membres ont du mal à trouvé la touche #. (hé oui !)

Je ne leur en veux pas et je souhaiterais leur simplifier la vie en leur permettant de cliquer sur un bouton pour ajouter un # dans le champ de texte.

Pour y parvenir, voici mon code :

Code:
<button id="diese" onclick="javascript:document.getElementById('cles').value = '#' + document.getElementById('cles').value">#</button>
<input name="cles" type="text" required id="cles">

Problème : Lorsqu'on clique sur ce bouton, le formulaire est envoyé et je ne souhaite pas cette action... Pouvez-vous m'aider à empêcher absoluement le post losqu'on clique sur le bouton ?

Je ne suis pas fortiche en javascript... j'ai du oublié quelque chose qui contrarie cette bestiole mdr

Merci d'avance ;-)


Dernière édition par karadoc.kotrt le Mar 16 Déc 2014 - 19:28, édité 1 fois

karadoc.kotrt
*

Messages : 34
Inscrit(e) le : 15/11/2014

http://www.recettesgustatif.net/
karadoc.kotrt a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Post non souhaité avec bouton onclick et Javascript getElementById

Message par Luluwebmaster le Mar 16 Déc 2014 - 19:13

Salut,

Il faut que tu ajoute
Code:
return false;
comme ceci :

Code:
<button id="diese" onclick="javascript:document.getElementById('cles').value = '#' + document.getElementById('cles').value;return false;">#</button>
<input name="cles" type="text" required id="cles">

Normalement, ça marche Wink

Luluwebmaster
*****

Masculin
Messages : 720
Inscrit(e) le : 10/10/2012

http://test-luluwebmaster.lebonforum.com/
Luluwebmaster a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Post non souhaité avec bouton onclick et Javascript getElementById

Message par karadoc.kotrt le Mar 16 Déc 2014 - 19:26

ha la la un pti returne false; et tout rentre dans l'odre Very Happy
Merci @Luluwebmaster

Il ne faut pas grand chose pour perturber cette bestiole, merci ça a réglé le problème en effet !


karadoc.kotrt
*

Messages : 34
Inscrit(e) le : 15/11/2014

http://www.recettesgustatif.net/
karadoc.kotrt a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum