Enterを押してもSubmitしないFormの作り方


スポンサーリンク

ウェブのフォームにおいて、入力が完了していないのに間違ってEnterを押してしまうことがあります。その場合、勝手にSubmitされると困ります。それを解決するJavaScriptコードを載せておきます。

document.onkeypress = submit_cancel;
function submit_cancel(){
    if( window.event.keyCode == 13 ){
        return false;
    }
}

element.onkeypress = event handling code

というコードで、キーが押された時に実行する関数を指定します。
そして、keyCodeが13、つまりEnterが押された場合はreturn false;することで、FormのSubmitを止めています。

参考:
[JavaScript] Enterキーで直接Submitする方法と無効化する方法
element.onkeypress - Web API | MDN

ご覧いただきありがとうございました。

この記事への感想を教えてください
  • 内容が十分
  • 内容が足りなかったが役立った
  • 内容が足りず役立たなかった
  • 求めている記事ではなかった
last

フォローする