Utiliser ID comme nom de variable et attribuer valeur

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:

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:

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