◆数字入力後クリックで入力確認を表示させてみよう!◆

数字入力後、フォーム以外の場所をクリックしてちょ!

<FORM>
<INPUT TYPE="text" VALUE=" "
onBlur="if(this.value==' '){alert('
再入力してね')}else{alert('入力したのは\n'+this.value+' ですね ')}">
</FORM>
数字入力後、フォーム以外の場所をクリックしてちょ!
数字入力後にフォーム以外の場所をクリックすると、入力内容を確認するメッセージが表示されます。
未入力だと再入力を要求してきますが、日本語の場合は最後に半角スペースを入力するなどしないとうまくいきません。
半角英数文字入力の場合は大丈夫です。
onBlur="命令文"で、フォームの入力がフォーカスを失ったら(フォーム以外をクリックしたら)"命令文"を実行するという意味です。
selecttexttextareaで使用できます。
onBlurの反対はonFocusです。
if(条件文){命令1}else{命令2}は条件が合えば命令1を、合わなければ命令2を実行するという意味です。
ここではthis.value==' 'つまり、このフォームthisの値valueが空白とイコール==' 'なら命令1を、そうでなければ命令2を実行します。
==(イコール)の反対(ノットイコール)は!=です。
\n(または\n)は改行するという意味です。
alert()文の中の「'再入力してね'」や「'入力したのは\n'+this.value+' ですね '」という文を変更すれば、いろいろな用途に使えますね。

JavaScriptにCha☆llengeへ戻ります

2004年9月10日更新