Jquery 按enter键通过ajax提交输入值

Jquery 按enter键通过ajax提交输入值,jquery,Jquery,如何使用enter键提交纯输入值?我只有一个这样的输入字段,没有更多。其思想是在用户点击enter时使用ajax提交其中的值 $('.search').submit(函数(事件){ console.log('Ok'); var$this=$(this); var query=$this。(.search').val(); 如果(query.length>=2 | | query.lenght表单具有submit事件,则输入不会发生。请改用keyup事件触发AJAX请求: $('.search'

如何使用enter键提交纯输入值?我只有一个这样的输入字段,没有更多。其思想是在用户点击enter时使用ajax提交其中的值

$('.search').submit(函数(事件){
console.log('Ok');
var$this=$(this);
var query=$this。(.search').val();

如果(query.length>=2 | | query.lenght表单具有
submit
事件,则输入不会发生。请改用
keyup
事件触发AJAX请求:

$('.search').on('keyup', function(e) {
    if(e.which === 13) {
        // enter key pressed
        var value = this.value; // this is the inputs value
        $.ajax({
            url: 'your-url',
            data: {
                search: value
            },
            // more options
        }).done(function(response) {
            // do something with the response
        });
    }
});

表单有
submit
事件,而输入没有。请使用
keyup
事件来触发AJAX请求:

$('.search').on('keyup', function(e) {
    if(e.which === 13) {
        // enter key pressed
        var value = this.value; // this is the inputs value
        $.ajax({
            url: 'your-url',
            data: {
                search: value
            },
            // more options
        }).done(function(response) {
            // do something with the response
        });
    }
});

有什么理由不能使用表单吗

我建议您将其放入其中,并将submit事件附加到其中,而不是您的输入

<form action="#" id="your-form">
    <input class="input-xxlarge search" type="search" name="search" value="" autocomplete="off" placeholder="Search for recipes">
</form>

小提琴手:

有什么理由不能使用表单吗

我建议您将其放入其中,并将submit事件附加到其中,而不是您的输入

<form action="#" id="your-form">
    <input class="input-xxlarge search" type="search" name="search" value="" autocomplete="off" placeholder="Search for recipes">
</form>

小提琴:

请说得更准确些……我不知道你想在那里做什么。 但也许这对你有点帮助:

<input onkeydown="if(event.keyCode==13){YourSearchFunction();return false;}">


13号键应该是“回车”键。

请说得更准确些。我不确定你想在那里做什么。 但也许这对你有点帮助:

<input onkeydown="if(event.keyCode==13){YourSearchFunction();return false;}">


keyCode 13应该是“Enter”键。

由于css问题,我避免使用表单。由于css问题,我避免使用表单。