フォームの入力内容をリアルタイムにチェックするサンプル
「jQuery-Validation-Engine」を使って、フォームの入力内容をその都度自動チェックし、ミスがあればバルーンで警告を表示します。 入力項目がフォーカスを失った際と、「チェック＆送信」ボタンがクリックされた際に、各入力内容のチェックが行われます。 ※各入力欄を何も触らずに、とりあえず末尾の「送信」ボタンを押してみて下さい。一括してチェックが行われます。 ※エラーメッセージのバルーンは、バルーン自体をクリックすると消えます。 «解説記事に戻る テキスト入力欄 【基本】 ◎必須項目： (必須) 【文字数の指定・制限】 ◎最低6文字入力： (必須) (オプション) ◎最大12文字入力： (必須) (オプション) ◎5～10文字の範囲で入力： (必須) (オプション) 【文字種の制限】 ◎英数字のみを入力（0～9、A～Z、a～zのみ）： ◎英字と空白のみを入力： ◎数字のみを入力（
【jQuery】フォームのリアルタイムエラーチェックはjQuery Validation Engineプラグインが簡単
Home › プログラミング › 【jQuery】フォームのリアルタイムエラーチェックはjQuery Validation Engineプラグインが簡単 フォームのエラーチェックでいちいち読み込みが走るのはサーバ側もユーザーさんもストレスかかりますよね？ クライアント側でリアルタイムにエラーを表示させることでフォームのコンバージョン率も上がるみたいですし、ユーザーさんのイライラも軽減できる。 これは導入しておいて損はないですね。 フォームエラーチェックのjQueryプラグインをいくつか調べましたが、その中でもポップアップでエラーを表示してくれる「jQuery Validation Engine」が気に入りましたので、その使い方を紹介したいと思います。 プログラミングやWordPressを習得するのに一番近道な方法とは？
パスワード入力欄に必須！キーボードのCAPS LOCKがONかどうかを調べられるjQueryプラグイン:phpspot開発日誌
パスワード入力欄に必須！キーボードのCAPS LOCKがONかどうかを調べられるjQueryプラグイン 2011年07月05日- Caps Lock jQuery Plug-In キーボードのCAPS LOCKがONかどうかを調べられるjQueryプラグイン パスワードの入力の際なんかにCAPS LOCKがONになっていると正しいパスワードを入れたつもりがちゃんとはいってないなんていうことも結構ありますね。 そのような問題を解決するのがこのプラグインです。jQueryでその状態をチェックし、アラート等を表示することが出来ます 例えば次のように設定すれば、input type="password" の場合でCAPS LOCKがONの場合にalertをあげられます。 デモページはこちら 関連エントリ 独自デザインselectボックス実装時に使えそうなjQueryプラグイン「EasySelect
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
