2016-10-19 4 views
0

У меня есть поле ввода и кнопка в моей форме, в настоящее время я использую кнопку, чтобы начать поиск.jquery submit, используя кнопку или ввести?

Могу ли я использовать кнопку, и если пользователь нажимает «Enter» в поле формы?

Это поле поиска ввода и кнопки:

<input id='search' name='search' /> 
<input type='button' name='find' id='find' value='Find'> 

и это Jquery я использую для кнопки.

$('body').on('click', '#find', function(){ 

Как добавить ключ ввода в поле поиска?

Благодаря

+0

вы должны сделать 2 функции, 1 для мыши, и 2 для нажатия клавиши (13 (ввод)) –

+0

Возможный дубликат [Как для обнаружения нажатия клавиши Enter на клавиатуре с помощью jQuery?] (http://stackoverflow.com/questions/979662/how-to-detect-pressing-enter-on-keyboard-using-jquery) –

+1

[Это может помочь] (http: //stackoverflow.com/questions/699065/submitting-a-form-on-enter-with-jquery ") –

ответ

2

это работает с кнопкой и нажать "войти"

<form id="myForm"> 
    <input id='search' name='search' /> 
    <input type='submit' value='Find'> 
</form> 

$("#myForm").submit(function(event) { 
    event.preventDefault(); 
// your code here 
}); 
+0

Спасибо, что работает на то, что я пытаюсь сделать. – Tom

1

Вы можете использовать keypress функцию:

$("#search").keypress(function(e) { 
    if(e.which == 13) { 
     alert('You pressed enter!'); 
    } 
}); 
0

Try

$('body').on('keypress', '#search', function(e) { 
 
    if (e.which == 13) { 
 
     alert('enter'); 
 
    //do stuff 
 
    } 
 
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id = "search">

0

для проверки ввода нажатия клавиши используйте следующие javascript трески е

document.onkeydown = function(e) { 
    var keyCode = (e.keyCode ? e.keyCode : e.which); 
    if (keyCode == 13) { 
     //it means that enter key is pressed now you can do your search functionality here 
    } 
} 

 Смежные вопросы

  • Нет связанных вопросов^_^