Ввод текста HTML: Избегайте отправки при нажатии клавиши ввода

У меня есть ввод HTML, который является текстовым полем. Когда я нажимаю кнопку ввода, это вызовет submit, что нормально.

Теперь я хотел бы сделать что-то еще, когда на Enter щелкнул этот текстовый блок.

Я пытаюсь что-то вроде этого:

<input type="text" 
       id="first_page"  
       onPaste="" 
       onkeydown="if (event.keyCode == 13) alert('enter')" />

Предупреждение работает хорошо, но submit все еще выполняется. После этого моя страница перезагружается.

Не могли бы вы помочь мне.

Ответы

Ответ 1

напишите return false; и проверьте его

Ответ 2

Использование jquery

<script>
            $('#first_page').keypress(function(e) {
              if (e.keyCode == '13') {
                 e.preventDefault();
                 //your code here
               }
            });​
        </script>

с помощью javascript

<input type="text" id="first_page"  onPaste="" onkeydown="if (event.keyCode == 13) { alert('enter');return false;}" />

Ответ 3

Другим вариантом будет использование onkeypress

<input type="text" id="first_page"  onPaste="" onkeypress="if (event.keyCode == 13) {alert('enter'); return false;}" />

Ответ 4

Вы можете попробовать ниже script:

 <script>
 function checkEnter(event)
{
    if (event.keyCode == 13) 
   {
       alert('enter')
       return false;
    }
}

И Html:

<input type="text" id="first_page"  onPaste="" onkeydown="return checkEnter(event);" />

Ответ 6

напишите следующий код после alert('enter')

return false;

Ответ 7

Используйте это, он работал на моем.

Замените на клавиатуре:

onkeydown="if (event.keyCode == 13 || event.which == 13) event.preventDefault();"

Ответ 8

с помощью jquery вы можете избежать всех подчинений или какого-либо элемента

$("#form").submit(function(e) {
    e.preventDefault();
});