html - HTMLテキスト入力：Enterキーが押されたときに送信しないでください

Question

テキストフィールドであるHTML入力があります。Enterキーを押すと、送信が呼び出されますが、これは正常です。

さて、EnterがそのtextBoxをクリックされたときに何か他のことをしたいと思います。

私はそのようなことを試みています：

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

アラートは正常に機能しますが、送信は引き続き行われます。その後、私のページがリロードされます。

私を手伝ってくれますか。

Answer 1

書いreturn false;て確認してください

Answer 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;}" />

Answer 3

他のオプションはonkeypressを使用することです

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

Answer 4

以下のスクリプトを試すことができます：

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

そしてHTML：

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

Answer 5

falseイベントがそれ以上処理されないようにするには、keydownイベントハンドラー関数に戻る必要があります。

また、次の質問が役立つ場合があります。Enterキーを押して、ユーザーがフォームを送信できないようにします。

Answer 6

後に次のコードを書くalert('enter')

return false;

Answer 7

これを使って、それは私のもので働いた。

キーダウンで交換します。

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

Answer 8

 $(function () {$('#form').validationEngine(); });

それは私のmvc問題で動作します

Answer 9

jqueryを使用すると、すべての送信または一部の要素を回避できます

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