Bonjour,
J'ai un formulaire dynamique, j'utilise la fonction Mask pour les numéros de téléphones. Le problème c'est que ça ne marche que pour le premier champ affiché et ça ne s'étend pas sur les nouveaux champs éventuels à remplir. Je m'étais dit que c'était à cause du fait que l'id utilisé dans la fonction Mask ne permettrait de faire le test que sur un seul champ, je l'ai donc changé en class, mais ça ne change rien.
Code html : 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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<fieldset><legend> INTERLOCUTEUR 1 </legend>
	<div class="row">
		<!--Nom contact 1-->
		<section class="col col-6">
			<label class="input">
				<i class="icon-append fa fa-user"></i>
				<input type="text" name="nom_pers_[0][0]" id="nom_pers" placeholder="Nom "/>
			</label>
		</section>
		<!--Fin Nom contact 1-->
		<!--PRénom -->
		<section class="col col-6">
			<label class="input">
				<i class="icon-append fa fa-user"></i>
				<input type="text" name="nom_pers_[0][1]" id="nom_pers" placeholder="Prénom "/>
			</label>
		</section>
		<!--PRénom-->
	</div>	
	<!--Fonction 1-->	
	<section>
		<label class="input">
			<input type="text" name="nom_pers_[0][2]" id="nom_pers" placeholder="Fonction ">
		</label>
		<i></i>
	</section>	
	<!--Fin Fonction 1-->
	<div class="row">
	<!--N° Mobile-->
		<section class="col col-6">
			<label class="input">
				<i class="icon-append fa fa-phone"></i>
				<input type="tel" name="nom_pers_[0][3]" id="tel_m" placeholder="Téléphone mobile">
			</label>
		</section>
		<!--N° Mobile-->
		<!--N° Domicile-->
		<section class="col col-6">
			<label class="input">
				<i class="icon-append fa fa-phone"></i>
				<input type="tel" name="nom_pers_[0][4]" id="tel_d" placeholder="Téléphone domicile">
			</label>
		</section>
		<!--N° Domicile-->
	</div>
	<div class="row">
		<!--N° Pro-->
		<section class="col col-6">
			<label class="input">
				<i class="icon-append fa fa-phone"></i>
				<input type="tel" name="nom_pers_[0][5]" id="tel_p" placeholder="Téléphone bureau">
			</label>
		</section>
		<!--N° Pro-->
	</div>	
	<div class="row">
		<!--Mail-->
		<section class="col col-6">
			<label class="input">
				<i class="icon-append fa fa-envelope-o"></i>
				<input type="email" name="nom_pers_[0][6]" id="mail_pers" placeholder="Mail">
			</label>
		</section>
		<!-- Mail-->
		<!--Fax-->
		<section class="col col-6">
			<label class="input">
				<i class="icon-append fa fa-phone"></i>
				<input type="tel" name="nom_pers_[0][7]" id="fax_pers" placeholder="Fax">
			</label>
		</section>
		<!--Fin Fax-->		
	</div>
	<!--Description-->	
	<section>
		<label class="label">Description du contact</label>
		<label class="textarea">
			<i class="icon-append fa fa-comment"></i>
			<textarea rows="4" name="nom_pers_[0][8]" id="desc_pers"></textarea>
		</label>
	</section>	
	<!--Fin Description 1-->
</fieldset>
<span id="leschamps_1">        <a href="javascript:create_champ(1)">             Ajouter un champs                </a></span>

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
<!fonction Mask ------------>
<script type="text/javascript">
$(function(){
	// Masking
	$("#tel_m").mask('(33) 9-99-99-99-99', {placeholder:'X'});
        $("#tel_d").mask('(33) 9-99-99-99-99', {placeholder:'X'});
	$("#tel_p").mask('(33) 9-99-99-99-99', {placeholder:'X'});
	$("#fax_pers").mask('(33) 9-99-99-99-99', {placeholder:'X'});
}
</script>