detecter n'importe quel changement dans un formulaire

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

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, 10h38

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

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

Envoyé par SpaceFrog

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

Pouvez vous détailler plus svp,Merci

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

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, 11h07

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, 11h30

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