如何在Javascript中訪問用戶提交的表單數據？

Question

我對編程比較陌生，但是要理解HTML，CSS和Javascript（包括jQuery）的基礎知識。 the solution works. 由於我的綠色，如果答案都包含一個簡單的解決方案和理由， 解決方案的工作我會感激。 謝謝！

所以我有一個表單，帶有文本輸入和提交按鈕：

<form>
<input type="text">
<button type="submit">Submit</button>
</form>

當用戶在文本字段中鍵入數據並單擊提交時，如何獲取對此數據的訪問權限？ 如果用戶輸入了他們的名字，我該如何獲取該信息？ 我不打算將它存儲或寫在任何地方，只是為了將其作為javascript中的變量保留，我將其分配給jQuery cookie。

那么如何訪問用戶提交的數據，最好只使用Javascript（使用jQuery）？ 謝謝您的幫助！

Answer 1

您可以訪問服務器端的數據（例如，通過$_POST['username']在PHP中）。 表單將數據發送到您的服務器以獲取任何命名輸入，因此您可能必須將輸入更改為：

<input type=text name=username>

如果您想在客戶端（使用JavaScript）訪問它，您也可以這樣做，但您必須阻止表單提交：

$("form").on('submit', function (e) {
    $.cookie('username', $(this).find('[name=username]').val());
    //stop form from submitting
    e.preventDefault();
});

Answer 2

說你有一個html輸入標簽，例如：

<input id="textfield" type="text">

使用javascript，您可以將該字段的值存儲在變量中，如下所示：

var inputvalue = $('#textfield').val();

當然，你需要一些東西來運行腳本。

這有效的原因是文本字段是一個對象。 你可能會認為它是一個樹干，有不同的樹枝出來。 其中一個“分支”是其中包含的值。 因為你知道jquery，你知道$('#textfield')通過選擇器獲取元素。 期間說我們得到了一個分支，“價值”說我們想要分支來告訴文本字段中的內容。

希望這可以幫助。