2011年08月04日 jQuery・javascript
フォームに入力されたデータを受け取るときに、入力された内容をエスケープすることは、こちらの記事で触れましたが、送信される前にjQueryで入力値のチェックを行えるとページの推移もなく、便利ですよね。
そんなときに、非常に役立つのが、exvalidation というjQueryのプラグインです。 以下のサイトさんに詳細の説明や、ダウンロードへのリンクがありますので、気になる方はぜひ使ってみてください。 私自身、使って動作確認済みですので、おすすめです。 ほかのjQueryなども使っているページないでは、コンフリクトして動かない場合もあるかと思うので、その場合は、以下のように、コンフリクトを解消することで動くと思います。
<script type="text/javascript">

  jQuery.noConflict();

	var validation = jQuery("form#exvali")
		.exValidation({
			errInsertPos: 'after',
			errPosition: 'fixed'
		});
</script>
参考サイト http://5509.me/log/exvalidation

この投稿へのコメント

コメントはまだありません。

コメントを残す

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます。
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CAPTCHA


ピックアップ記事

Twitter Bootstrapでスマホ回転時の表示崩れ

2013年11月13日 WordPressjQuery・javascript
Twitter Bootstrapを使用して、レスポンシブなウェブサイトを制作していたのですが、iPhoneで縦画面、横画面での表示を繰り返すと画面からはみ出してしまう(拡大表示した時のように画面内にサイトが収まっていない)現象に悩まされました。 もちろん、縦でも横でも画面横幅ピッタリにサイトが表示されるのが理想なので、調べてみました。 今回使用していたのは、Bootstrap v3.…
「Twitter Bootstrapでスマホ回転時の表示崩れ」をはてなブックマークに追加

javascriptで新しいウインドウを開く&リダイレクト

2012年02月04日 jQuery・javascript
javascriptで新しいウインドウを開いてリンク先へ飛ばすには、以下のようにします。 [php] var your_url = "http://apr20.net"; window.open(your_url,''); [/php] リダイレクトするには、以下のようにします。 [php]var your_url = "http://apr20.net"…
「javascriptで新しいウインドウを開く&リダイレクト」をはてなブックマークに追加

jQuery.autopagerプラグインで読み込まれるページにも他のjQueryを適用する

2012年02月02日 jQuery・javascript
jQuery.autopagerを使っていると追加で読み込まれたページのDOMには、headなどで指定しているjavascriptは機能しません。 それを解決するには、autopagerの設定項目の「start」で以下のように設定します。 以下のサンプルコードでは、他のプラグイン(autoheight,smartrolloverなど)が動作するように設定しています。 サンプルコード [ph…
「jQuery.autopagerプラグインで読み込まれるページにも他のjQueryを適用する」をはてなブックマークに追加

IE6をHTML5に対応させる

2012年02月14日 HTML5・CSS3jQuery・javascript
IEのHTML5対応状況 IE6だけでなく、IE8以下は全てHTML5に対応していません。 それを対応させるために「html5.js」というjavascriptを読み込ませます。 使い方は簡単で以下のコードをタグの前の内に記述します。 [php] <!--[if lt IE 9]> <script src="//html5shim.googlecode.com/…
「IE6をHTML5に対応させる」をはてなブックマークに追加
© graffiti on the web . All rights reserved. WordPress Theme by comfy