2010年11月09日

jquery validation

お願いします♪いいねとかつぶやいたりして下さい
 
色々試したが、今のところ

http://5509.me/log/exvalidation

が一番ベスト。感動しました。ありがとうございます。

で、そのままだとかっこいいんだけどユーザビリティ的にあれなので自分の使いやすいようにカスタマイズ。

カスタマイズしたいところ


エラーをテキストフィールドの下に出したい。
CSSのレイアウトがオレンジじゃなくて赤にしたい。



で、解決したのが以下の方法。
○exvalidation.css
.fixed .formErrorClose {
	display: none;
}

.formError {
	color:#FFFFFF;
	padding:5px 5px 5px 30px;
	font-weight:bold;
	background:url(/app/webroot/img/default/ng.gif) no-repeat;
	background-position: 10px center;
	border:2px solid #FF6699;
	background-color:#FF0000;
}


だけの記述にする。

呼び出したいとき

○mailcheck.ctp
<script type="text/javascript">
 $(function(){
	$("#form1")
  .exValidation({
    errInsertPos: 'after',
    errPosition: 'fixed'
  });
});
</script>



こんな感じ。そうするとオレンジのびよーんが、血まみれウィスパーなみ真っ赤っか。
これでいい感じ。
関連するタグ: HTMLコーディング CSS javascript
あなたにとって有用な記事でしたか?是非ブックマークしておくことをおすすめします。
 




ライブラリを配布しちゃったり
webデザイン
Fireworks
HTMLコーディング
CSS
Dreamweaver
携帯サイト
webプログラム
PHP
正規表現
cakephp
MYSQL
javascript
webマーケティング
adwords
analytics
windows7
ショートカットキー
おすすめ情報
サイト
facebook
ライブラリ
配布
アプリ
iphone
ipad
サーバー
さくらサーバー
全ての記事を読む




トップ - 最新の記事一覧 - お問い合わせ