Question

现在我的表单设置了一个通用按钮。使用提交会更容易吗？我试图捕获用户输入，然后将其作为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

Answer 2

由于您有输入字段ID＆amp;它应该是唯一的，所以你也可以使用ID作为选择器。

var name = $("#inputUsername").val();

Answer 3

您必须访问价值。这是您可以访问输入文本值的方法。

$(document).ready(function() {
    $(".signup-button").click(function() {
       var usernameInput = $('#inputUsername').val();
        console.log(usernameInput);
    });
});

在JQuery中捕获表单输入

3 个答案: