begin process at 2012 02 14 12:44:25
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Formulaire

 > DÉSACTIVER UN BOUTON SUBMIT APRÈS ENVOI DU FORMULAIRE

DÉSACTIVER UN BOUTON SUBMIT APRÈS ENVOI DU FORMULAIRE


 Information sur la source

Note :
5 / 10 - par 3 personnes
5,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Formulaire Classé sous :formulaire, désactiver, javascript, submit, bouton Niveau :Débutant Date de création :11/03/2010 Vu :3 697
Auteur : SoftDeath

Ecrire un message privé
Site perso
Commentaire sur cette source (7)
Ajouter un commentaire et/ou une note

 Description

Ce code vous permet d'éviter de cliquer plus d'une fois sur un bouton submit, cela permet d'éviter les lignes de plus dans la base de donnée.

Source

  • function valider(){
  • var elt = document.getElementById("valider");
  • elt.value = "veuillez patienter...";
  • elt.style.border = "1px solid white";
  • elt.style.backgroundColor = "#CCCCCC";
  • elt.disabled = "true";
  • }
  • <input type="submit" value="Valider" name="valider" id="valider" onclick="javascript:valider()"/>
function valider(){
	
	var elt = document.getElementById("valider");
	
	elt.value = "veuillez patienter...";
	elt.style.border = "1px solid white";
	elt.style.backgroundColor = "#CCCCCC";
	elt.disabled = "true";
}

<input type="submit" value="Valider" name="valider" id="valider" onclick="javascript:valider()"/>



 Sources de la même categorie

Source avec Zip Source avec une capture BOITE DE DIALOGUE MODALE DE SÉLECTION D'UNE LISTE D'ICONES par JJDai
Source avec Zip Source avec une capture RÉSOLUTION D'UN SYSTÈME D'ÉQUATIONS LINÉAIRES À N INCONNUES par william voirol
Source avec Zip Source avec une capture PLUGIN JQUERY LISTE MODIFIABLE (COMBO) AUTOCOMPLÉTÉE par medkarim
GESTION DE NUMÉRO DE TÉLÉPHONE SIMPLE DANS FIREFOX7 par rotomtom
Source avec Zip Source avec une capture RECOMMANDER CETTE PAGE AVEC MAILTO, ACCENT ET RETOUR LIGNE D... par weabow
Toutes les sources de la catégorie Formulaire

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture SUBDIVISER LE RÉSULTAT D'UNE RECHERCHE EN PAGES par kimmp
Source avec Zip Source avec une capture PALETTE DE COULEURS par titnome
Source avec Zip INVALIDER LES SUBMIT DES FORMULAIRES [ ISF ] par bultez
Source avec Zip EXEMPLE D'UN FORMULAIRE DONT CES CHAMPS SONT VÉRIFIÉS PAR JA... par amine_arbitre
SCRIPT KIT "JAVASCRIPT" DE VERIFICATION D'UN FORMULAIRE par raydan

Commentaires et avis

Commentaire de zut69 le 11/03/2010 20:36:36 8/10

Sympa clair simple et pratique :-)

Commentaire de lddsoft le 15/03/2010 07:57:32 6/10

Un simple onclick="this.disabled='true';" aurait suffi, non ?

Commentaire de hornetbzz le 15/03/2010 10:17:00

C'est très bien pour les débutants dans le sens où le code est simple et illustratif.

Ceci dit, +1 sur le commentaire de LDDSoft et j'ajouterai qu'il serait bien d'aller plus loin en désactivant un bouton "tout court" par le DOM, pas seulement le submit d'un formulaire.

Il y a un très bon tuto ici (http://www.howtocreate.co.uk/tutorials/javascript/domevents) , illustrant ceci par exemple (cas de NS) :

current_item.addEventListener("click", function (event) {
callback(event);
this.removeEventListener('click',arguments.callee,false);
}
, false);

Commentaire de lddsoft le 15/03/2010 11:57:16

@HORNETBZZ

OK, mais il me semble avoir lu quelque part que "arguments.callee" était devenu obsolète depuis JavaScript 1.4  ...

Commentaire de hornetbzz le 15/03/2010 12:18:18

@LDD: merci beaucoup pour l'info même si... damned, j'étais tout content de cette fonction, ça m'arrange pas cette histoire ;-) Mais a priori en première lecture, cela dépend de l'usage de cet argument. Affaire à suivre...

Commentaire de zen69 le 19/03/2010 18:45:44

J'ai pas testé du tout... mais ce pourrait-il que ceci règle le probleme de la fonction obsolète...

current_item.addEventListener("click", remListener, false);

function remListener(event) {
   callback(event);
   this.removeEventListener('click',remListener.caller,false);
}

Deplus je crois que une combinaison des deux solutions proposé est l'idéal, car avec obj.disabled = "true"; le bouton ne "renfonce" plus lors du clique...
:P

Commentaire de patricklane le 05/02/2011 12:16:12 1/10

Lorsque j'emploie ce code, le formulaire n'est plus envoyé.
Peut on me dire où est mon erreur ?
Merci d'avance

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Désactiver un bouton Submit [ par nabmoah ] Bonjour. Je souhaiterai savoir comment faire pour bloquer un bouton de type Submit d'un formulaire après avoir cliqué dessus ? C'est à dire, le clie Bouton et liste déroulante dans un formulaire [ par lebender33 ] Bonjour à tous, Ca fait super longtemps que je n'avais pas codé et je me suis lancer dans un script grease monkey html/javascript pour rendre l'utili Simuler l'appui sur un bouton 'input' d'un formulaire par javascript [ par Macintosh ] Bonjour ! Je suis un débutant et j'ai besoin d'aide !!! J'utilise un javascript pour générer un DatePicker (base Démo CalendarXP) dans mon formulair utilisation de select sans bouton submit [ par leon988 ] Bonjour, <p class="MsoNormal" style="MA Formulaire et submit en bouton [ par shadow1779 ] Bonjour,je cherche actuellement a faire un petit bouton que j'ai skinné afin de remplacer le bouton actuel "login" de mon site, j'ai actuellement en f confirmer submit d'un formulaire? [ par zut69 ] <td id="HB_Focus_Element" unselecta bouton submit en javascript [ par bouli ] Est il possible de coller uen image sur un objet :&lt;input type="submit ..."&gt;Merci submit formulaire sans bouton [ par eax ] salutje cherche à envoyer mon formulaire par un appui sur la touche entrée, sans devoir mettre un bouton :)comment faire?merci Sylvain [<a href="mailt Formulaire - Modifier le bouton d'un submit par une image [ par poypoy00 ] Bonjour,je souhaiterais modifier un bouton de formulaire de type submit par une image tout en laissant ce dernier en submit. J'ai déjà essayé avec le faire apparaitre le bouton submit lorsque les champs du formulaire sont remplis [ par lesyeuxbleus ] Bonjour,Comment est-il possible de faire une fonction en js pour faire apparaitre un bouton Submit de l'état "disable" à "enable" lorsque tous les cha


Nos sponsors


Sondage...

Comparez les prix


Archos 7 home tablet - 2 Go
Entre 149€ et 159€

Visiter le guide achat

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,842 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)