[B! フォーム] caraldo_kのブックマーク

入力するのが楽しくなる、アニメーション機能を伴ったフォームを作成するチュートリアル | コリス

jQueryとCSS3を使って、複数のステップをアニメーションで次々に表示するフォームを実装するチュートリアルを紹介します。 How to Create A Multi-Step Signup Form With CSS3 and jQuery デモページフォームの下部にある「プログレスバー」の存在もユーザビリティ的に見逃せない存在です。 [ad#ad-2] フォームのデモフォームは全部で4つのステップで構成されており、さまざまなスパイスが含まれています。 2枚目のフォームフォームの進捗状況は、下部のプログレスバーに表示されます。 ※個人的には%でなく、2/4が分かりやすいと思います。フォームの実装 HTML：基本構造フォームの基本構造は、4つのステップをそれぞれdiv要素に格納します。 <div id="container"> <form action="#" method="

caraldo_k 2011/04/08

ちょっと使いたいけど、戻れないのはなんとかなるかな？

リンク

[JS]使いやすく高性能なフォームが簡単に設置できるフレームワーク -jFormer

簡単なログインフォームをはじめ、お問い合わせフォーム、コメント用フォーム、ショッピングカート用フォーム、アンケート用フォームなど多種多様なタイプが用意された、バリデーション機能も備えたフォームのフレームワークを紹介します。 jQuery Form Framework - jFormer [ad#ad-2] jFormerの特徴クライアントサイドのバリデーションサーバーサイドのバリデーション AJAXを使ったページ変更機能 CSSベースの簡単なカスタマイズ Botの防止（CAPTCHAは無し）入力データのレジューム機能フィールドのロック機能フォームのテンプレートも多数用意 jFormerのデモデモには、さまざまな実用的なフォームがあります。

caraldo_k 2011/03/04

リンク

フォームで離脱させないためのjQueryプラグイン50選｜designaholic -Creative Column-

最近では、エントリーフォーム最適化（EFO）という施策も広まってきましたが、特に購入やサンプル請求、お問合せ等がコンバージョンとなっているサイトではフォームで離脱されてしまってはせっかくの広告や施策が水の泡になってしまいます。ここではユーザーを離脱させないために気をつけたいポイントとそれを実現するために便利なjQueryのプラグインを紹介します。まず、入力フォームを作成する際のポイントは、ユーザーにストレスを感じせない事です。ストレスの原因となるものは大きく言うと入力しづらい、エラーメッセージがわかりづらい、といった操作に関するもの。どこまでやれば完了なのかわかない、個人情報の扱いが心配、といった心理的なもの。です。なのでこの点を解消させてあげるフォームを作成すればユーザーが離脱する可能性は下がりますね。具体的なポイントは以下のような項目になります。必須入力か

caraldo_k 2011/01/05

リンク

韩国电影在厨房作爱,巨胸美乳无码中文在线观看,亚洲人成网站在线无码,人与人性恔配视频

巨胸美乳无码中文在线观看,亚洲人成网站在线无码,人与人性恔配视频,韩国电影在厨房作爱,老王影院看A片在线观看,我和岳坶双飞A片,日本熟妇人妻中出

caraldo_k 2010/12/03

jQueryさくさく書きたい

リンク

[JS]フォームのエラー判定を行い、アドバイスを表示するスクリプト -Ketchup

カスタマイズ性に優れた、フォームのエラー箇所にツールチップをふわりとアニメーションで表示するスクリプトを紹介します。 Ketchup Ketchupは既存のフォームにも簡単に導入が可能で、マークアップの変更やツールチップのデザイン変更も簡単に行えます。また、エラー判定も多彩な項目で設定が可能です。入力の有無最大・最小文字数最大・最小数値メールアドレスのチェック urlのチェック日付のチェックユーザーネーム（a-z0-9_-）のチェックなどこれらの判定は組み合わせて使用することも可能です。設置方法は、スクリプトとスタイルシートを外部ファイルとして記述し、各フィールドに下記のように追加します。 HTML（変更前）

caraldo_k 2010/02/19

リンク