-4

我有一个表格:

<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 . "";
}

当用户完成写作而不点击按钮时,我怎么能做到这一点?

4

1 回答 1

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());
    }
});
于 2013-06-12T17:22:46.060 回答