无法从输入文本中获取文本值

Question

当我尝试从输入文本中获取文本值时，返回的值是“未定义”。 该函数返回：“用户名：未定义”，并且我的输入文本具有值。

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" />

如果要通过名称引用某些内容，则需要使用equals选择器属性来显式地将name属性作为目标：

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">的密码输入<input id="password">中添加一个ID。

或者，您可以使用当前名称$('[name="password"]').val()来获取它