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>
こんな感じ。そうするとオレンジのびよーんが、血まみれウィスパーなみ真っ赤っか。
これでいい感じ。
