javascript - 在 JQuery 中捕获表单输入

Question

现在我已经使用通用按钮设置了表单。使用提交会更容易吗？我正在 try catch 用户输入，然后将其作为 URL 的一部分传递。使用 .find 给我带来了一系列其他的东西。

div class="username-input form-horizontal">
  <!-- <div class="form-group"> -->
  <label for="inputUsername" class="col-sm-3 control-label">Username</label>
  <div class="col-sm-5">
  <input type="text" value="Username" id="inputUsername">
  </div>
  </div>
  <button class="signup-button col-sm-1 control-label"> Sign in  </button>
<script>

$(document).ready(function() {
    $(".signup-button").click(function() {
        var usernameInput = $('form').find('input[type=text]')
        console.log(usernameInput)
    });
});

Answer 1

您正在访问元素而不是值。使用 val 来实现

var usernameInput = $('form').find('input[type=text]').val(); // now you get input