Question

我对编程比较陌生，但是要了解HTML，CSS和Javascript（包括jQuery）的基础知识。由于我的绿色，如果答案包含一个简单的解决方案和为什么解决方案有效的原因，我将不胜感激。谢谢！

所以我有一个表单，带有文本输入和提交按钮：

<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')通过选择器获取元素。期间说我们得到了一个分支，“价值”说我们希望分支告诉文本字段中的内容。

希望这会有所帮助。

如何在Javascript中访问用户提交的表单数据？

2 个答案: