18041 sujets

Questions générales et questions de débutants

[Résolu] Changer valeur nom bouton

bonjour tout monde je realise un petit code en jquery qui permet de changer le nom de mon bouton après un click ,le problem ce que le nom de mon bouton change just pr kelke seconde et reprend son ancien nom
merci de votre aide
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"
lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-
8859-1" />
<title>jQuery</title>
</head>
<body>
<form action="">
<p>Mail : <input type="text" id="input1" value="Mention
Obligatoire" /></p>
<p><input type="submit" id="soumettre" value="Un seul envoi par
utilisateur" /></p>
</form>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#soumettre").click(function(){
$("#soumettre").val('Vous avez déjà fait un envoi');
});
});
</script>
</body>
</html>
Bonjour et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien "Aide" qui apparaît tout en haut du forum est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
Bonjour,

ce qui t'arrive est normal, quand tu cliques sur le bouton submit, le formulaire est envoyé, et donc la page se recharge.
Salut,

Je complète la réponse de loicbcn :
$(document).ready(function(){
$("#soumettre").click(function(e){
$("#soumettre").val('Vous avez déjà fait un envoi');
e.preventDefault();
});
});


Edit : et un petit article sur la gestion des évènements
Modifié par Gili (27 Mar 2012 - 11:07)
Hello.

Désolé de casser l'ambiance, mais l'utilité de ce morceau de JS est proche de 0.
Si l'utilisateur recharge la page ou a le JS desactivé, il pourra de nouveau soumettre le formulaire.

La vérification doit se faire sur la présence de l'email en base, côté serveur.
Florian_R a écrit :
Désolé de casser l'ambiance
Mais tu ne casses rien mon cher Florian Smiley ravi .

J'imagine que c'est plus pour le teste qu'autre chose vu qu'il n'y a pas de valeur pour l'attribut action, ni d'attribut method.
Sujet clos
Aller à