jQuery处理输入表单而没有<form>元素</form>

时间:2012-01-02 14:44:12

标签: jquery

我有这个元素:

<input type="text" id="unique_id" />

我想在表单中有一些文本并且用户按下回车键时获取输入字符串。

这可能吗?我该怎么做?

谢谢!

3 个答案:

答案 0 :(得分:4)

您可以像访问任何其他元素一样访问该元素,只需使用id选择器:

$('#unique_id').keypress(
    function(e){
        console.log($(this).val());
    });

以上内容将在每个按键上向JavaScript控制台记录input元素的当前值。如果您只需要知道数据输入完成后的值是什么,那么使用blur()change()

$('#unique_id').blur(
    function(e){
        console.log($(this).val());
    });



$('#unique_id').change(
    function(e){
        console.log($(this).val());
    });

注意:您不需要使用两者,我只是展示它们,以便您可以看到如何使用它们。

参考文献:

答案 1 :(得分:3)

你可以这样做(我在这里读点心思)

$(document).on('keypress', function(e){
    if(e.which === 13){
        alert($('#unique_id').val());
    }
});

这样,只要用户按下返回键,您就可以访问输入值

在这里摆弄

http://jsfiddle.net/pwrbv/

答案 2 :(得分:0)

http://jsfiddle.net/notromda/PXgfP/

$('#unique_id').change(function() {
    alert($('#unique_id').val());
});