javascript - 使用 JavaScript 提交表单 - 为什么它没有从表单获取值？

Question

所以我的表单看起来像:

<form id="user_form">
      <p><label for="username">Username: </label>
        <input id="username" type="text"></p>
      <p><label for="password">Password: </label>
        <input id="password" type="text"></p>
      <p><label for="email">E-mail: </label>
        <input id="email" type="text"></p>
      <p><label for="first_name">First Name: </label>
        <input id="first_name" type="text"></p>
      <p><label for="last_name">Last Name: </label>
        <input id="last_name" type="text"></p>
      <p><input id="notif_submit" type="submit" value="Create"></p>
    </form>
  </div>

我的 JavaScript 都是这样的:

$("#user_form").submit(function(){
  event.preventDefault();
  var username = $("username").val();
  var password = $("password").val();
  var email = $("email").val();
  var first_name = $("first_name").val();
  var last_name = $("last_name").val();
  var newUser = new Parse.User();
  alert(username);
  newUser.set("username", username);
  newUser.set("password", password);
  newUser.set("email", email)
  newUser.set("first_name", first_name);
  newUser.set("last_name", last_name);
  newUser.signUp(null, {
    success: function(user) {
      alert("Success!");
    }, error: function(user, error) {
      alert("Error: " + error.code + " " + error.message);
    }
  });
});

但我作为测试输入的警报显示用户名为空。我尝试过在 HTML 标签中使用 onClick="functionName"，尝试用“name”替换“id”，我能想到的一切。这一定是一些简单的事情......

Answer 1

我认为你想要var username = $("#username").val();。

您的选择器中缺少 # 标识符。

编辑:如果出于某种原因，您想使用 name 而不是 id，您可以使用选择器: $( "input[name* ='用户名']").val() 代替。但使用 id 应该合适。