JavaScript:フォームのコントロールで[Enter]キーが押されてもSubmit(送信)されないようにする方法

webページに設置したフォームのコントロールでで[Enter]キーを押してもSubmit(送信ボタン)されないようにするためのJavaScriptサンプルプログラムを覚書。

JavaScriptのサンプルプログラム
サンプルプログラムの簡単な解説

JavaScriptのサンプルプログラム

ボタンがクリックされたときだけSubmitを実行したい場合には、以下のスクリプトを<head>～</head>の間に記述します。

<script type="text/jscript" language="javascript" >
function cancelSubmit(e){
    if (!e) var e = window.event;

    if(e.keyCode == 13)
        return false;
}

window.onload = function (){
var list = document.getElementsByTagName("input");
    for(var i=0; i<list.length; i++){
        if(list[i].type == 'text' || list[i].type == 'checkbox' || list[i].type == 'select' || 
			list[i].type == 'file')
			{
            list[i].onkeypress = function (event){
            return cancelSubmit(event);
            };
        }
    }
}
</script>

サンプルプログラムの簡単な解説

webページがロードされるときにフォームの各コントロールの"onkeypress"に[Enter]キーが押されてもSubmitしないようにするプログラム(cancelSubmit)を呼び出す設定をスクリプトで実行しているだけです。