前回までのForm.Validater.Inlineの使い方では、class属性に入力チェックの記述を直接することで、入力チェックを行いましたが、
今回は動的に行う方法のご紹介です。

class属性を利用するとコーディングしながら、入力チェックの設定をできて楽なんですが、class属性が煩雑になるのでフォームのスタイル付けが面倒であったり、可読性が下がったりする時があります。

そんな場合、入力チェックを設定をjavascriptを利用して行うとすっきりとしたフォームにできます。

具体的には設定部分を別途定義しておき、各要素に対して入力チェックを適用していく形になります。

続きを読む >>

前回のMootoolsのForm.Validater.Inlineを使用する際のスタイル付けについてでスタイル付けについて解説しましたが、今回はForm.Validater.Extraについて説明します。

Form.Validater.ExtraをForm.Validaterに含まれない特殊なバリデータを使用できるようになります。
特定の入力フィールドの入力チェックの有効化／無効化、日付の期間チェックなどを利用することで複雑な入力チェックを行えるようになります。

続きを読む >>

前回はForm.Validater.Inlineのバリデータの種類や指定できるオプションを説明しましたが、
今回はより実践的なフォームの装飾の話になります。

Form.Validate.Inlineを適用したフォームでは、エラーメッセージ、入力チェックをパスしたフィールド、入力チェックに引っかかったフィールドにそれぞれ装飾用のclass属性が割り当てられます。

続きを読む >>

前回Mootoolsの Form.Validater.Inlineを使用するで簡単な説明をしましたが、今回は
バリデータの種類とForm.Validater.Inlineで指定できるオプションについて説明します。
種類と指定できるオプションは豊富で柔軟な入力チェックを行えるのがForm.Validater.Inlineの特徴です。

続きを読む >>

Form.Validaterのことを書こうと思ったのですが、長くなりそうなのでいくつかに分けて書きます。
今回は使用する準備と簡単な説明のみにします。

では導入する準備を始めます。

続きを読む >>

クールなコメントフォームの紹介ページを見つけました。
きれいなものが多くて、自分ももっと頑張らなきゃと思いました。

ブログなどのコメントフォームが丁寧なデザインだと、コメントする方もこいつやるなと思ってしまいます。
サイト訪問者とのコミュニケーションの接点になるので非常に重要な要素ですね。
続きを読む >>