jQuery Inline Form Validation Engine

簡易CMSの構築中に発見しました。サーバ側ではなくてクライアントのWEBブラウザ上でJavaScriptが良きにはからうツールです。

バリデーションが必要なページに以下を追記して

<link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css" media="screen, projection, tv" charset="utf-8" />
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.validationEngine.js" type="text/javascript"></script>

あとはinput要素を次のようにします。

<input class="validator[required, custom[onlyNumber], length[0,100]]" />

<input class="validator[required, custom[date]]"  />

上記の設定だと必ず数値、日付を入力する必要があるのですが、optionalをつけるとフォームに値が入ったときだけチェックされるようになります。

<input class="validator[optional, custom[onlyNumber]" />