Jquery 按enter键通过ajax提交输入值
如何使用enter键提交纯输入值?我只有一个这样的输入字段,没有更多。其思想是在用户点击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'
$('.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问题,我避免使用表单。