jquery - val() 不抓取当前输入值

Question

我正在尝试获取输入字段的值，但在更新时不会获取它。我正在尝试创建一个 ajax 登录表单。这是代码

<form method="post" id="contactform">
    <label for="name">Username</label>
    <input type="text"  id="un" placeholder="Username"  />

    <label for="password">Password</label>
    <input type="password"  id="pw" placeholder="Password"  />

    <br/>
    <button name="submit" type="submit" class="btn" id="submit" onclick="logUserIn(); return false;">Log In</button>

    <script type="text/javascript">
    function logUserIn()
    {
        var un = $("#un").val();
        var pw = $("#pw").val();

        alert(un);
    }
    </script>

如果我在输入字段中键入内容并单击提交按钮，它不会为我更新。

如果我像这样手动更改输入值字段

<input type="text"  id="un" placeholder="Username" value="test" />

然后我收到“测试”警报。

Answer 1

jquery 站点上 val() 的定义指出“获取匹配元素集中第一个 元素的当前值”。我不确定“元素”指的是什么，但在 Debug模式下单步执行我的 Javascript，我可以看到 jquery 对象(由 $('#field_id') 返回)在第一个数组元素中保留原始值，但在输入之后文本已更改，更新后的值保存在第二个数组元素中。使用 last() 对我有用，例如 $('#field_id').last().val();