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