■実用サンプル 1-1

余計なメッセージが出ず、空欄を背景色で教えるだけのシンプルな物です。 valueチェックのみで背景色コントロールなのでINPUTとTEXTAREA、 Select(valueを設定する場合で1セレクトのみ)にのみ対応させています。

・使い方はまず自分の好きなレイアウトでフォームを作る。(action属性は付けない)
・フォームタグと送信ボタンに必ずIDを付ける(他のエレメントはname属性だけで良い。 送信ボタンのタイプは submitでもbutton でもどちらでも大丈夫です。
・スクリプトの設定１〜７に必要な設定をする
以上です。

カスタマイズ
action='送信先'をフォームタグに付けるとJavaScriptがOFFでも送信できるようになります。 この場合JavaScriptがOFFの人は空欄チェックが行われずに送信されます。

---

■ 対応ブラウザ
document.getElementById() が無効なブラウザ、JavaScriptが無効なブラウザでは送信不可です。

attachEvent() または addEventListener()が使えないブラウザの場合は、 このスクリプトより後に window.onloadがあったり、BODYタグにonloadイベントハンドラが付いていると、 このスクリプトがセッティングできない可能性が大きいです。 従ってこのスクリプトをHEAD内の最後に書いて、BODYタグのonloadはJavaScript内でのwindow.onload に書き換える必要があります。
このスクリプトより前に window.onload があってもそれを上書きする事はありません。
他のスクリプトが存在しない場合や attachEvent() または addEventListener()が使えるブラウザに関しては、 イベントが上書きされることはありません。

■ グローバル変数・関数
FChk と言うグローバル変数名(オブジェクト名)1個を使っています。 この名前が他のスクリプトとぶつからなければ正常に動きます。
無名関数化する場合はスクリプトの前後の行に記述を追加して

の様に、無名関数化して実行の () をつければグローバル変数無しで使えます。