Impossible d'afficher valeur input dans alert()

Bonjour à tous

j'imagine que c'est une question qui a déja été posée mais je n'arrive pas à trouver la reponse avec la fonction recherche et google...

Voila mon souci: j'ai un formulaire

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<div id="rectangle2"> <div id= "suivant"></div> <form name="formu" > <p> Civilite : <input type = "text" name="civil" id= "civilite" /><br> Nom : <input type = "text" id= "nom" /><br> Prenom : <input type = "text" id= "prenom" /><br> <!--<input type="button" value = "valider" onclick="return verif_etape1(document.formu).submit();"/>--> </p> </form> </div>

---

Et j'aimerai recupérer le contenu de l'input qui a pour id civilite, j'ai donc fait :

Code:

---

var valeur = $('input[name=civil]').val();

---

ou :

Code:

---

var valeur = $('#civilite').val();

---

pour tester j'essaye d'afficher le contenu de valeur dans une popup en faisant :

Code:

---

alert('La valeur du champ prenom est : ' + valeur);

---

helas, la popup s'affiche bien mais elle n'indique pas le contenu de valeur!!
Elle n'affiche que : La valeur du champ prenom est :

Si quelqu'un à une explication ....

D'avance merci

Bonsoir

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

<script> $( function( ){   $( "#civilite" ).on( "change", function(){ alert( $( this ).val() ); });   setTimeout( function(){ alert( "Valeur actuelle : " + $( "input[name='civil']" ).val() ); }, 10000 ); // 10s   }); </script>

---

Merci pour ta réponse.
effectivement hier j'ai constaté que

Code:

---

var valeur = $('#civilite').val();

---

permettait bien de récupérer la valeur de linput mais pas de l'aafficher dans une popup.

ta solution fonctionne parfaitement mais j'ai du mal à comprendre le .on('change' ...

L'événement "change" se produit lorsque l'utilisateur, après avoir modifié le contenu de l'input, donne le focus à un autre élément du DOM en cliquant dessus.

Faites un essai, modifiez le contenu de l'input et ensuite cliquez sur le fond de la page.