jquery - jQueryを使用してテキストボックスの値を取得する

Question

jQuery と AJAX 応答を使用して、動的にログイン フォームを作成しています。フォームが作成され、正しく表示されます。しかし、フォームデータを読み取ることができません。

これは私のコードです：

$(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

 }); 
});

undefined undefinedユーザー名とパスワードの両方を警告しています。

ここで何が問題なのかを理解するのを手伝ってくれる人はいますか?

Answer 1

val()関数を使用して、値を取得します。

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

値を設定するにはval(value)関数を使用します。

$('#email').val('some new value'); 

Answer 2

属性ではなく、入力要素の値を読み取るには .val() を使用する必要があります

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