Formulaire DOM JavaScript

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

Code:

---

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:

---

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:

---

1 2 3 4

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

---

merci

Code:

---

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:

---

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:

---

1 2 3 4

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

---

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