Discussion :

[novice77H]

Bonjour à tous
Je bloque sur une opération et je demande votre aide.

J'ai un formulaire avec des inputs, j'aimerai à la validation du formulaire créer une variable pour chaque input avec :
- Nom de variable = id de l'input
- Valeur de la variable = Valeur de l'input

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
<div class="form-row">
	<div class="col-12">
		<div class="md-form">
			<input type="number" class="form-control" id="field1" name="valeur" required >
			<label for="field1">field1</label>
		</div>
	</div>
	<div class="col-12">
		<div class="md-form">
			<input type="number" class="form-control" id="field2" name="valeur" required >
			<label for="field2">field1</label>
		</div>
	</div>
	<div class="col-12">
		<div class="md-form">
			<input type="number" class="form-control" id="field3" name="valeur" required >
			<label for="field1">field3</label>
		</div>
	</div>
</div>

Code js :

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

1
2
3
4
5
6
7
$(document).on('click', '.valid', function(e){
	e.preventDefault();
	var arr = document.getElementsByName("valeur");
	for (var i = 0; i < arr.length; i++) {
		//instruction
	}
});

Je ne sais pas comment faire cela. Pouvez vous m'aider dans ce sens?

Merci

[Toufik83]

Bonjour,

Tu peux par exemple créer une seule variable de type objet obj avec les accolades {} afin de ne pas en créer plusieurs.

Code :

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

1
2
3
4
5
6
7
8
9
10
 
$(document).on('click', '.valid', function(e){
	e.preventDefault();
	let obj={},inputs = $("[name='valeur']");
 
        inputs.each(function(){
		obj[$(this).attr("id")]=$(this).val();
	});
	console.log("obj :",obj);//affichage
});