Question

所以我有一个表格：

<form method="post">
<input type="text" name="username" value="Username" />
<input type="submit" name="go" value="GO!" />
</form>

当用户点击提交按钮时，该页面会使用以下字段获取字段的详细信息：

if(isset($_REQUEST['go'])){

        $username = $_POST['username'];
        echo "Hello" . $username . "";
}

当用户完成书写而不点击按钮时，我怎么能这样做？

Answer 1

首先，您如何定义“用户何时完成写作”？

如果您只是想将input的内容回显给另一个元素，则可以通过绑定到keyup事件来将其作为用户类型。使用jQuery可能看起来像这样：

$('input[name="username"]').keyup(function (e) {
    $('#output').text($(this).val());
});

这样做的是，只要在input名称“用户名”中按下某个键，id“输出”元素中的文本将使用当前值更新input。所以，当然，你需要某种带有id“输出”的元素：

<span id="output"></span>

如果您不希望这种情况发生为 - 他们类型，而是想等到用户按下返回键，您仍然会使用相同的事件。您只需检查事件中按下了哪个键，只有在返回键时才更新文本：

$('input[name="username"]').keyup(function (e) {
    if (e.keyCode == 13) {
        $('#output').text($(this).val());
    }
});