L'obtention de zone de texte de la valeur à l'aide de jQuery

Je suis entrain de créer un formulaire de connexion de manière dynamique, à l'aide de jQuery et AJAX réponse. Le formulaire est créé et s'affiche pas correctement. Mais, je ne suis pas en mesure de lire les données du formulaire.

C'est mon code:

$(document).ready(function(){
  $('#proper-form').on( 'click', '#submit-button', function() {  //loginForm is submitted

alert ("here");
    var username = $('#email').attr('value'); //get username
    var password = $('#password').attr('value'); //get password
alert (password);
alert (username);

    //code for form submit using ajax

 }); 
});

C'est l'alerte undefined undefined pour le nom d'utilisateur et mot de passe.

Quelqu'un peut m'aider à déterminer quel est le problème ici?

double possible de Comment puis-je obtenir la valeur d'une zone de texte à l'aide de jQuery?

OriginalL'auteur Devesh Agrawal | 2013-09-28

  1. 9

    Suffit d'utiliser la val() fonction, pour obtenir la valeur:

     var username = $('#email').val(); 
 var password = $('#password').val();

    Pour définir la valeur d'utilisation val(valeur) fonction:

    $('#email').val('some new value');
    Merci pour votre réponse très rapide. Fonctionne très bien. 🙂

    OriginalL'auteur Suresh Atta

  2. 2

    Vous devez utiliser .val() pour lire la valeur d'un élément d'entrée, pas d'attribut 

    var username = $('#email').val();

    OriginalL'auteur Arun P Johny

  3. 0

    Il y a déjà de bonnes réponses ici, mais j'ai pensé que vous devriez comprendre pourquoi l'utilisation .attr() ne fonctionne pas, même si la valeur est en effet un attribut du champ de saisie.

    Lorsque vous utilisez
    $('#email').attr('value');,
    c'est l'équivalent de quelque chose comme: 

        input.getAttribute('value'),

    qui permettrait le retour de "quelque chose" pour:

        <input type="text"value="something"/>

    indépendamment de ce que l'utilisateur a tapé dans.

    Cependant, l'utilisation de
    $('#email').val()
    est équivalent à quelque chose comme:
    input.value qui renverrait à la place quelle que soit l'utilisateur a effectivement tapé dans le champ.

    Dans ce cas, vous n'avez pas de valeur="" implicitement défini: vous voulez juste que l'utilisateur a tapé dans l'.

    Par conséquent, l'utilisation .val().

    OriginalL'auteur Uriah Sanders

  4. 0
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){             
$("#test").click(function(){ 
//textbox            
        var first_name = $("#first_name").val();
        alert(first_name);
 });
 });
</script>
<div>username <input type="text" id="first_name" class="first_name" name="first_name" placeholder="type username"/>
<a href="javascript:void(0)" id="test" class="shortc-button small blue">Get Data</a></div>

    Pour plus de détails, visitez : http://www.codingprogrammer.com/tutorialdemo/jquery-tutorial/get-value-of-textbox-in-jquery-example/

    OriginalL'auteur Sudhir chaudhary