Verrouiller un bouton "Submit" une fois celui-ci cliqué ou touche "Entrée" pressée ?

**ghohm** · 25/05/2009, 16h39

Bonjour à tous,

J'ai déjà vu ça sur certains sites Internet, mais sauriez-vous me dire comment faire pour désactiver un bouton de type "Submit" une fois celui-ci cliqué ou du moins dès que l'action associée au formulaire est lancée (clic sur le bouton ou touche Entrée appuyée) ?

Merci d'avance.

Gôm

**le_chomeur** · 25/05/2009, 16h50

le submit peux se faire par click ou la touche entrée sur un élément de ton formulaire donc :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<form ... onsubmit="lockSubmit()">
...
<input type="submit" value="envoyer" id="monsubmit">
</form>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
function lockSubmit(){
document.getElementById('monsubmit').disabled = true;
}

**ghohm** · 25/05/2009, 17h59

OK, merci beaucoup pour ce bout de code. C'était tout bête en fait ...

Mais j'ai encore un problème. Mon bouton Submit n'a pas d'attribut "id" ou même "name" :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="submit" class="button" value="Ajouter la note" />

C'est compliqué, mais disons que je souhaite laisser cette ligne de code ainsi.

Comment faire pour identifier le bouton Submit ?

N'y aurait-il pas quelque chose du genre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

myForm.mySubmit.disabled = true;

?

Merci encore.

Gôm

**Bovino** · 25/05/2009, 18h14

J'imagine que ta non-volonté d'ajouter un id à ton bouton à des raisons... (que la raison ne connait pas

), dans ce cas, il faut boucler sur les input pour retrouver le submit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
var les_inputs = document.getElementByTagName('form')[0].getElementsByTagName('input');
var nb = les_input.length - 1;
for(var i = nb; i>=0; i--){
    if(les_input[i].type == 'submit'){
        les_input[i].disabled = true;
    }
}

**franculo_caoulene** · 25/05/2009, 18h20

Salut,

Tu peux faire une boucle en utilisant document.getElementsByTagName puis tu testes le type :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!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" lang="fr">
<head>
   <title>obtenir le type de champ input</title>
	<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
   <style type="text/css">
 
   </style>
</head>
<body>
   <form id="f1" action="" method="post">
      <input id="i1" type="text" />
      <input id="v" type="submit" value="valider" />
   </form>
   <script type="text/javascript">
    var elms = document.getElementsByTagName("input");
    for (var i=0,imax=elms.length;i<imax;i++){
      alert(elms[i].type);
    }
   </script>
</body>
</html>

[edit]grillé

Verrouiller un bouton "Submit" une fois celui-ci cliqué ou touche "Entrée" pressée ?

JavaScript

Discussions similaires

Partager

Partager