説明

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

実行例

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

コード

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)