A13 数字入力後クリックで入力確認を出し、未入力だと再入力メッセージを出す

数字入力後、フォーム以外の場所をクリックすると入力内容を表示したメッセージを出します。未入力だと再入力を要求します。(ただ、日本語の場合は最後に半角スペースを入力するなどしないとうまくいきません。半角英数文字入力の時には大丈夫です)。


応用:alert()内の文章などを好きな言葉に取り替えて使えます。if(this.value==""){alert('再入力')}
参照: onBlur, this, value, alert(), if(条件文){命令}else{命令},

Sample

数字入力後フォーム以外の場所をクリックしてください。



Source
ソース
(コピーしてお使いください)

<html>
<head>
<title></title>
</head>
<body>

<form>
<input type="text" value="" 
       onBlur="

         if( this.value == '' ){
             alert('再入力')
         } else {
             alert('入力したのは\n'+this.value+' ですね')
         }  "

>
</form> 数字入力後フォーム以外の場所をクリックしてください。

</body>
</html>
onBlur="命令文"でフォームの入力がフォーカス(ピント)を失ったら(この場合はフォーム以外をクリックしたら)"命令文"を実行するという意味です。select,text,textareaの他にwindowやframeなどでも使えます。onBlurの反対はonFocusです

if( 条件文 ){ 命令1 } else { 命令2 }は条件が合えば命令1を合わなければ命令2をを実行します。ここではthis.value==''つまり、このフォーム(this)の、値(value)が空白とイコール(=='')なら命令1を、違ったら命令2を実行します。 = = (イコール)の反対(ノットイコール)は ! = です

alert("文章")で"文章"の入ったダイアログを表示します

\nは改行の意味です


Contents
| CONTENTS
| PART1 これだけ知っていれば大丈夫
| PART2 サンプルの紹介
| PART3 JavaScript言語仕様
| PART4 JavaScriptクイック書式一覧
| PART5 JavaScriptサイト
| オンラインサポートページ(回線をつないでください)


Maintained by
tato@fureai.or.jp works1997 Toshirou Takahashi