Javascript・Ajaxのテクニックとトピックのまとめ

時々、Webサイトで入力している内容をその場で判定するものがある。入力必須の項目やメールアドレス、パスワードの一致などでエラーがあればすぐに表示してくれるので、送信してから修正すると言った二度手間がなくて便利だ。Webブラウザ上で入力チェックを実行するサーバ側でも入力チェックは行うが、ユーザビリテ...

アイコンをドラッグして認証する、かわいらしいCAPTCHAをWeb Design Beachから紹介します。AJAX FANCY CAPTCHA画面に表示されるテキスト（heart）と同じアイコンを右側の「Dro [...]

Ajaxで、フォームの検証をリアルタイムに行います。イベントハンドラの指定もjavascript側で行うので、既存のフォームに加える場合もメッセージ表示用のdivタグを追加するだけでOKです。

TMT Validatorは、フォーム入力チェック用JavaScriptのライブラリです。 使い方は、外部JavaScriptファイルを一つ読み込み、後は各HTMLのタグ内にattribute等を書くだけです。ちなみにJSファイルはダウンロードしたZIPの中の"script_tmt_validat...

※ 画面は公式サイトのサンプルより [1] Webサービスでは色々な情報を入力する。会員登録の類は良くあるものだろう。丹念に入力し、送信ボタンを押してしばらく待つと、入力エラーの文字列。これではやる気がなくなってしまう。 JavaScriptでチェックできれば、その場ですぐにエラー判定ができ、分か...

JavaScriptでフォームの値をリアルタイムにバリデートするライブラリまとめ。 バリデートするライブラリも沢山でてきました。とここら辺で一度まとめておきました。Really easy field validation (デモ) - 入力値がおかしいと、エラーメッセージをフェードインさせながら超...

fValidator - Alone Simple form using fValidatorフォーム値のチェックをJavaScriptで簡単かつクールに行う「fValidator」。 fValidator を使えば、次のように input エレメントの class 属性に 値を指定するだけで入力...

これは便利そう。 『validate.js』ではフォームのさまざまな入力をチェックしてくれます。URLやメールアドレスなどのよくあるチェックに加え、ISBNかどうかといったマニアックなチェックもできます。 マニュアルに載っている命令をご参考までに。 hasValidChars isSimpleIP...

LiveValidation - Validation as you type Lets face it, forms are boring, validation is a pain. It’s time to inject some life into them, make them fun ...

フォームの validation 関連のライブラリはいくつかありますが、私は以下に紹介するやつをずっと使ってまして、これがかなり気に入ってます。ただ、オレナイズされたコードが随所に含まれていたから紹介する事が出来ないでいたのですが、今回やっと書き直したのでお目見えです。 AJAX を使ってサーバサ...

noupeにエントリーされている、AJAXを使った素晴らしいCSSのフォームの47のサンプルの紹介です。

サイト上に入力フォームを設置する場合注意したいのは、ユーザーが入力する際に迷わずに必要な項目を入力できるかといった内容になる。多くの場合、入力フォームを経由することで離脱率が上がり、コンバージョン率低下の要因となる。「フォーム入力のしやすさ」以外にも様々なケースがあるが、入力ミスなどを適切に表示す...

Ajaxなどを駆使して、入力値を動的にチェックするライブラリ、realtime validation を公開しました。 正規表現とメッセージを指定するだけで、入力した瞬間にユーザに対してガイドメッセージを表示させる事ができ、今までの様に画面遷移後にエラーが出て、ユーザがエラー位置を把握しづらいと言...