入力テキストからテキスト値を取得しようとすると、入力テキストのテキスト値が

Question

になります。返される値は「未定義」です。この関数は "username：undefined"を返し、入力テキストには値があります。

this.loadForm = function() { 

     $("#response-container").load("formLogin.php", function() { 

      $("#formLogin").submit(function(event) { 

       var user = $("#username").val(); 

       alert("username: "+user); 

       event.preventDefault();  

      }); 

     }); 

    }; //END loadForm FUNCTION 

formLogin.php

<form id="formLogin" method="get" action="20.html"> 
    USERNAME: 
    <br> 
    <input type="text" name="username" /> 
    <br> PASSWORD: 
    <br> 
    <input type="password" name="password" /> 
    <br> 

    <br> 
    <input type="submit" value="Log in" name="login" id="btnInputLogin" onsubmit="return false" /> 
</form> 

Answer 1

#は、明示的であることを示しているとあなたはjQueryので$('#id')構文を使用している場合はid属性を使用する必要があなたのセレクタ

をチェック#文字に続いてid属性を持つ要素をターゲットに設定します。

<input type="text" id='username' name="username" /> 

名前で何かを参照したい場合は、明示的にname属性をターゲットにan attribute equals selectorを使用する必要がありますが：

var user = $('[name="username"]').val(); 

Answer 2

#usernameと入力がなかったです。そのid属性を追加したり、交換してください

$('input[name="username"]') 

Answer 3

を使用するか：

<input type="text" name="username" /> 

を

<input type="text" name="username" id="username"/> 

Answer 4

ためにここにあなたのjqueryのように見える：$("#username").val();は存在しないIDを取得しようとしています。

パスワード入力に<input id="password">というIDを追加しても問題ありません。

それとも、現在の名前でそれを得ることができます$('[name="password"]').val()