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

Tweet

ウェブのフォームにおいて、入力が完了していないのに間違って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

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