Web覚書トップ > JavaScript サンプル > 『テキストボックスの未入力をチェックしてみる』
説明

テキストボックスを未入力でフォーカスを外した場合にメッセージを表示して、フォーカスをテキストボックスに戻してみます。

実行例
▼入力せずにフォーカスを外してみてください

コード
function chkMsg(obj){
	if (obj.value == "") {
		window.alert("必ず何か入力してください");
		obj.focus();
	}
}
<FORM>
<INPUT type="text" size="20" onBlur="chkMsg(this);">
</FORM>

解説&ステップアップ

フォーカスを戻すようにしていますが、これはあまり良くないかもしれません。 IE(確認ver.5.5)では、未入力のままではリンクもクリックできません。 しかしもっときつくしたい場合は、『テキストボックスにカーソルをもっていく』などと組み合わせて見るとよいでしょう。

動作確認

IE5.0(win)、IE5.5(win)、NN4.7(win)

© hyork@yahoo.co.jp (2001. 3.13)