必須項目チェックJavascript自動生成ツール
http://lioncgi.zero.ad.jp/~zan09870/Make_FormCheck.cgi
仕事でデータ入力フォームを作るとき、もちろんシステム自体に入力チェックを仕込むようにしているんですけれど、それと同時に必ずJavascriptによる簡易チェック機能を搭載しています。
システム内のチェックだとサーバーにアクセスしないといけない。そうすると時間や負荷がかかるし、エラーメッセージが出て入力画面に戻らせる形式だと、ブラウザによってはまた1から入力する羽目になってしまいます。(エラーがある場合はエラーメッセージつきの修正画面、問題なければ確認画面、とCGIで分岐させることもありますが……画面作るのがしんどいんだわ、これ。)
というわけで、必須項目が入っているかどうか程度のチェックは、Javascriptで調べちゃったほうがいろいろと楽なんですね。script切ってても、単にJavascriptのチェックをスルーしてシステムチェックにかかるなので、不具合はないし。
で、自分がしょっちゅう書くんで、主に自分のために(笑)スクリプトの生成ツールを作ってみたというわけです。
今のところ、必須チェックしかできませんが、便利そうと思ってくれた人はどうぞご利用くださいませ。
あ、そうそう。
フォームの入力チェックで思い出しましたが、半角英数のみ受け付けたい部分(メールアドレスとか)は、スタイルシートでIMEを切ってしまうと便利です。
スタイルシート;
.noime {
ime-mode: disabled;
}
HTML:
<input type="text" name="Email" class="noime">
こんな感じ。これも対応ブラウザのみ、ですが、ないよりはあったほうが断然いい工夫だと思うのです。