FHW BLOG仮

FHWブログトップ > アーカイブ > コーダーTIPS > Ajax > Really easy field validation

Really easy field validationの最近のブログ記事

DATE : 2008.3.01

日本語化計画

はる はる

  • はてなブックマークに登録
  • Yahoo!ブックマーク
  • Google Bookmarks
  • livedoor クリップ
本来Really easy field validationは、英語圏で作られているため、日本語のフォームで使いたい必要な機能が弱い。
しかし、Really easy field validationは、オリジナルの設定の追加も容易にできるので、それを利用して、日本語のチェック用の定義を入れる。
日本語のチェック用の定義

とりあえず、必要と思われるのは、全角入力、カナ入力、かな入力、半角カナ禁止という4つを設定。


page top

DATE : 2008.3.01

オリジナルの検証設定の追加

はる はる

  • はてなブックマークに登録
  • Yahoo!ブックマーク
  • Google Bookmarks
  • livedoor クリップ
Really easy field validationでは、オリジナルの検証設定を追加することができる。
この方法を利用することで、日本語のチェック用の設定を追加することも可能である。

page top

DATE : 2008.3.01

CSSの設定

はる はる

  • はてなブックマークに登録
  • Yahoo!ブックマーク
  • Google Bookmarks
  • livedoor クリップ
表現のためのCSSも検証用のCSSを流用する。

例えば、


page top

DATE : 2008.3.01

オリジナルのエラーコンテンツの表示

はる はる

  • はてなブックマークに登録
  • Yahoo!ブックマーク
  • Google Bookmarks
  • livedoor クリップ
他の要素と違った表現の複数行などのエラー表示をしたい場合の設定。
デモサイトの「Donation」の項目を試してみて欲しい。他の項目と違ったエラーが出ているのがわかる。


page top

DATE : 2008.3.01

オプション

はる はる

  • はてなブックマークに登録
  • Yahoo!ブックマーク
  • Google Bookmarks
  • livedoor クリップ
各種オプションは「true」又は「false」の値を設定する。
記述のセットは、「(option名) : (true or false)」。
設定の仕方は後述。

onSubmit


page top

DATE : 2008.3.01

Javascript API

はる はる

  • はてなブックマークに登録
  • Yahoo!ブックマーク
  • Google Bookmarks
  • livedoor クリップ
submitの結果を受け取る

<script type="text/javascript">
var valid = new Validation('form-id', {onSubmit:false});
var result = valid.validate();
</script>


page top

DATE : 2008.3.01

class属性で指定できる値

はる はる

  • はてなブックマークに登録
  • Yahoo!ブックマーク
  • Google Bookmarks
  • livedoor クリップ
下記はあくまでもデフォルト設定であり、追加変更が可能。
また、日本語圏ではあまり必要のない設定も含まれている。


page top

最近の記事一覧
最近のコメント一覧
カテゴリ一覧

コーダーTIPS

ディレクターの・・・

デザインTIPS

アーカイブ

2012年

2011年

2010年

2009年

2008年

2007年

タグクラウド

My tweets
Loading..

HTML5実践

Powered by Movable Type 5.02