Javascript 在JQuery中捕获表单输入

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

div class=“用户名输入表单水平”>
用户名
登录
$（文档）.ready（函数（）{
$（“.signup按钮”）。单击（函数（）{
var usernameInput=$（'form'）.find（'input[type=text]'））
console.log（usernameInput）
});
});

您访问的是元素而不是值。对其使用

val

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

---

您正在访问元素，而不是值。对其使用

val

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

---

您正在访问元素，而不是值。对其使用

val

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

---

您正在访问元素，而不是值。对其使用

val

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

---

因为您有输入字段ID&它应该是唯一的，所以您也可以使用ID作为选择器

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

---

因为您有输入字段ID&它应该是唯一的，所以您也可以使用ID作为选择器

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

---

因为您有输入字段ID&它应该是唯一的，所以您也可以使用ID作为选择器

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

---

因为您有输入字段ID&它应该是唯一的，所以您也可以使用ID作为选择器

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

---

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

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

---

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

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

---

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

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

---

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

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

---

我相信你想用。val代替。find我相信你想用。val代替。find我相信你想用。val代替。find我相信你想用。val代替。find我相信你想用。val代替。find