Discussion :

[chlock62]

Bonjour je voudrais acceder a la valeur de mon premier input de mon formulaire quand je fais une soumission:

Code html :

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

1
2
3
4
5
<form id="myForm" action="form_action.asp">
  First name: <input type="text" name="fname" value="Donald"><br>
  Last name: <input type="text" name="lname" value="Duck"><br>
  <input type="submit" value="Submit">
</form>

Code :

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

1
2
3
4
$('#myform').on('submit', function(){
   var form = $(this); 
      alert(form.elements[0].value);
}

mais rien pourquoi dois je passer l'index 0 au form comme ci dessous pour avoir la valeu de mon

Code :

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

1
2
3
4
$('#myform').on('submit', function(){
   var form = $(this); 
     alert(form[0].elements[0].value);
}

merci

[Bovino]

Code :

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

var form = $(this);

C'est normal... avec ton code, la variable form correspond à un objet jQuery, pas à un objet du DOM, donc les méthodes relatives au DOM ne sont pas disponibles.
En revanche, un objet jQuery correspondant à un tableau d'éléments, lorsque tu écris

Code :

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

form[0].elements[0].value

le fait d'indiquer l'indice 0 revient à récupérer l'élément DOM correspondant à la première entrée du tableau jQuery.
Une autre solution, s'appuyant que les méthodes jQuery de type getter renvoient la valeur correspondant à celle du premier élément dans l'objet jQuery en cours, serait de faire :

Code :

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

1
2
3
4
$('#myform').on('submit', function(){
   var form = $(this); 
     alert(form.find('input').val());
}

[chlock62]

merci l'ami je m'étais mélangé les pinceaux entre Jquery et javascript.
Maintenant c'est plus clair avec tes explications.