在Enter上使用jQuery处理表单提交

时间:2011-12-27 17:48:53

标签: jquery

我有这个非常简单的形式:

<form id="header_search"><input type="text" value="search"></form>

这是我的jQuery:

$("#header_search").keypress(function(e)
{
    e.preventDefault();
    alert("searching :)");

    return false;
});

但按Enter键不会在提交时触发此功能。知道出了什么问题吗?

谢谢!

2 个答案:

答案 0 :(得分:1)

keypress上没有form个活动,请submit使用entersubmit按钮click

$(function(){
    $("#header_search").submit(function(e) {
        e.preventDefault();
        alert("searching :)");
    });
});

演示:http://jsfiddle.net/usmanhalalit/7f6y8/

答案 1 :(得分:0)

我认为您需要为按键添加绑定。我不确定。