FORMのTEXT入力時に、Enterキーをブロック。

HTMLのFORMデータの入力の際、<input type="text">の部分に、Enterキーを無効にする処理をしておかないと、間違えてEnterキーを押してしまったときに、不完全なデータがPOSTされてしまう。

なので、JavascriptでもってEnterキーをブロックしておくこと。

まずは、下記を「entblock.js」というファイル名で保存。

function BlockEnter(evt){
evt = (evt) ? evt : event;
var charCode=(evt.charCode) ? evt.charCode :
((evt.which) ? evt.which : evt.keyCode);
if ( Number(charCode) == 13 || Number(charCode) == 3) {
return false;
} else {
return true;
}
}

このファイルを、使用したいFORMページに読み込む。

<script type="text/javascript" src="entblock.js"></script>


あとは、使用したい<input>に指定するだけ。
こんな感じ。

<input type="text" name="example" value="" onkeydown="return BlockEnter(event);">


これで、textボックスの中でEnterキーを押しても、Submitの誤作動を防げる。