detecter n'importe quel changement dans un formulaire

**islyoung2** · 18/02/2010, 09h32

Bonjour;
J'ai un formulaire qui contient un nombre considérable de champs (plus de 30), et j'ai une variable is_modified qui est égal à false où je la rend à true si je modifie n'importe qul champs de ce formulaire pour l'instant pour chaque formulaire j'ajoute onchange et j'effectue mon opération, mais vu le nombre considérable de champ c'est tres penible, y a t'il un moyen de détecter le chamgeement de n'importe quel champs de mon formulaire puis effectuer mon opération.
Merci

**SpaceFrog** · 18/02/2010, 09h38

ajoute le onchange dynamiquement sur les elements du form ...

**islyoung2** · 18/02/2010, 09h47

Envoyé par SpaceFrog

ajoute le onchange dynamiquement sur les elements du form ...

Pouvez vous détailler plus svp,Merci

**SpaceFrog** · 18/02/2010, 09h49

sur le onload de ta page, lance un script qui viendra affecter l'evènement onchange des elements que tu souhaites tracer.
Soit toutes les zones de saisies ou juste un groupe en filtrant ...

**islyoung2** · 18/02/2010, 10h07

Envoyé par SpaceFrog

sur le onload de ta page, lance un script qui viendra affecter l'evènement onchange des elements que tu souhaites tracer.
Soit toutes les zones de saisies ou juste un groupe en filtrant ...

Je suis un peut NOOB en javascript

; Pouvez vous m'expliquer avec un petit script svp, merci

**SpaceFrog** · 18/02/2010, 10h30

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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
 
<style type="text/css">
.spyme {background-color:pink;}
</style>
<script type="text/javascript">
function init(){
var tabObj=document.forms['myform'].elements
var i=0;
while(tabObj[i]){
	if (tabObj[i].className=='spyme'){
   		  tabObj[i].onchange=function(){alert("changé")}
   		}
   		i++
	}
}   
 
</script>
 
</head>
 
<body onload="init()">
<form action="#" method="post" name="myform">
<input type="text" class="spyme" name="foo"/><br/>
<input type="text" class="spyme" name="foo"/><br/>
<input type="text" class="spymenot" name="foo"/><br/>
<input type="text" class="spyme" name="foo"/><br/>
<input type="text" class="spymenot" name="foo"/><br/>
<select name="bar" class="spyme">
<option value='1'>fsd</option>
<option value='2'>fsd</option>
<option value='3'>fsd</option>
<option value='4'>fsd</option>
</select><br/>
<select name="bar" class="spyme">
<option value='1'>fsd</option>
<option value='2'>fsd</option>
<option value='3'>fsd</option>
<option value='4'>fsd</option>
</select>
<input type="submit" value="go" />
</form>
</body>
 
</html>

detecter n'importe quel changement dans un formulaire

JavaScript

Vue hybride

Discussions similaires

Partager

Partager