在JQuery中捕獲表單輸入

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 &它應該是唯一的，所以你可以使用ID作爲選擇也。

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

Answer 3

您必須訪問值。這是您可以訪問輸入文本值的方式。

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