top


総投稿数 本 
no_

スポンサーサイト

 --------
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
カテゴリ :スポンサー広告 トラックバック(-) コメント(-)
no_1088

yav:フォームチェック・ライブラリ使ってみたけど、いまひとつだったなぁ ・・・ 【JavaScriptライブラリ】

 2009-09-16
 もうひとつ、引き続き・・・
 symfonyでのサイト開発ネタ。
 今回は、だめネタを。

 実は
 ・フォーム入力 における
  バリデーションを、phpに渡る前に
  JavaScript で行いたかった。


  ライブラリたくさんありますよね。


  で、試したのが、

yav - javascript validation tool
yav - javascript validation tool 結果からいうと・・・
 使えなかったんだけどねぇ。



 一応記録しておこう。

  追記に ▼


FC2ブログランキング にほんブログ村 IT技術ブログ Webサイト構築へ ブログ王ランキング 人気ブログランキング 人気ホームページランキングへ


more

************************************************
◎ フォームチェック・ライブラリ
   yav:JavaScriptライブラリ

************************************************


 ■アクセス>ファイル取得
  ※現在最新のライブラリは
   ・release 2.0 - beta
    ベータだけど使ってみる。


  □随分ファイル数多いな、と思ったら
   国際化対応しているようで、各国語別ファイルがある。
   国際化対応しているようで、各国語別ファイルがある
   ※でも、日本語ファイル無いんだよなぁ。
    さみし。


  □で、一応創った。
   (あんまり意味なかったんだけど)
    ・yav-config-ja.js
     ・メッセージ、日本語に変えて
     ・日付フォーマット変えただけ


 ■head に組み込み


<script type="text/javascript" src="*****/yav.js"></script>
<script type="text/javascript" src="*****/yav-config-ja.js"></script>

 ■利用するルールを
  JavaScriptで指定する


var rules=new Array(
"username|required",
"email|required",
"email|email",
"title|required",
"description|required"
)
  ※ルールは、
   ・Validation rules
  ※ | 区切りで
   最初に、[項目名]
   次に、[ルール名称] で配列指定だ。

 ■メッセージを出す場所に


  頭に、"errorsDiv_" を付けた場所を
  <div>か<span> で用意する。
<span id="errorsDiv_username"></span>

  そして、

フォームに onsubmit で
  action 起こる前に、ライブラリの関数呼ぶように、
<form onsubmit="return yav.performCheck('formname', rules, 'inline');" id="formname" name="formname">
 とformタグを用意すれば・・・

 ■テスト


  [submit] ボタンを押せば
   ・もしエラー(入力必須で入力無い など)があれば
    用意された場所にメッセージが表示
    (国別ライブラリで用意されたもの)
  ばっちしOK!

  ・・・のはずだったんだけど。


  □結果
   結果
   ※そうか、そうだよな。日本語の項目名指定
    するところないもんなぁ。


 残念だけど、これじゃあ使えないなぁ。


 それに、
 ・ルールの中に
   ・数字と- のみってのが無いんだよな。
    (電話番号に使うやつ)
    カスタマイズすればできるんだろうけど。


 ・・・却下。


 また、他の探そう。

commentsコメント
comment_post












管理者にだけ表示を許可する
commentトラックバック
トラックバックURL:
http://metaboy.blog23.fc2.com/tb.php/1088-4d76ed6f
ようこそ
Add to Google 創るmetaboy:RSSフィード
My Yahoo!に追加
最新記事のRSS | 問い合わせ

仕事検索、アルバイト検索、依頼仕事の検索ポータル - 仕事検索.COM - www.jobkensaku.com ツクルン

創るmetaboy - WEB創る、サイト創る、何創る - 創ったmetaboy

 

リンク集

 

最近の記事

 

ブロとも申請フォーム
Sponserd by

さくらのレンタルサーバ さくらのレンタルサーバ
大容量・高機能レンタルサーバー heteml 大容量・高機能レンタルサーバー heteml
XREA (ValueDomain)
お名前.com お名前.com
名づけてねっと名づけてねっと
ムームードメインムームードメイン

 

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。