どんなフォームにも使えるjQueryのフォームバリデーション exValidation :: 5509
jquery.validation.jsというフォームバリデーションプラグインを公開していますが、使える場面が割と限定されてしまうような作りだったので、より幅広く使えるようにexValidationという名前で新しいjQueryプラグインとして作り直しました。伴って仕様や使い方が異なる部分も多いので、ドキュメントとして書いておきます。ただし前半のバリデーションルール周りは同じエンジンを使ってるので、ほぼ同じです。ちなみにすごい長いです。。 ルールを割り当てる際のclass名がhogeからchkhogeに代わりました。アップデートして使う場合は注意してください。 サンプル1: エラーを右上に表示 サンプル2: エラーを下に表示 トピックス ダウンロード 使い方 1. JSファイルを読み込む 2. 基本バリデーションルール 3. select, checkbox、radio、複数項目の場合 4
編集できるコンボボックスを実装するjQueryプラグイン「Editable Combo Box」:phpspot開発日誌
編集できるコンボボックスを実装するjQueryプラグイン「Editable Combo Box」 2011年09月09日- Editable Combo Box | jQuery Plugins 編集できるコンボボックスを実装するjQueryプラグイン「Editable Combo Box」。 HTML標準では編集できるコンボボックスというのは存在せず自分で作る必要がありますが、このjQueryプラグインを使えば、select 要素を .comboEditable() として初期化するだけで実装できます。 例） $(this).find('select').comboEditable(); 編集できる＆ドロップダウンから選択肢を選べます HTML的にも<select>の中に<option>として定義していけばいいため、JavaScriptの配列などを使わなくとも簡単に実装できます。 関連エ
ブラウザが落ちてもフォーム内容が消えないようにするjQueryプラグイン「jQuery autosave」:phpspot開発日誌
ブラウザが落ちてもフォーム内容が消えないようにするjQueryプラグイン「jQuery autosave」 2010年01月19日- rikrikrik.com - jQuery autosave plug-in ブラウザが落ちてもフォーム内容が消えないようにするjQueryプラグイン「jQuery autosave」。 データを編集中にフォームに書き込んでいて、ブログ記事などが消えたりするとても悲しい気持ちになりますが、このプラグインを使えばデータをブラウザのクッキーに保存してくれて、次にアクセスした時にリストアできるという素晴らしいプラグインです。 クッキー保存のため、サーバに保存する必要はないですし、手軽に使うことができそうです（ブラウザごとにクッキーに依存した文字数制限などは存在すると思います） こういうことを１からやろうとすると結構大変ですが、毎度のことながら、jQueryプラグ
ページ内でpromptやconfirmの実行を可能にするJavaScriptライブラリ「pprompt.js」:phpspot開発日誌
ページ内でpromptやconfirmの実行を可能にするJavaScriptライブラリ「pprompt.js」 2006年11月29日- p0t: pprompt.js jsでデフォルトのalert, confirm, promptを単に置き換えるような単純なライブラリないかなと思って探してました。 ページ内でpromptやconfirmの実行を可能にするJavaScriptライブラリ「pprompt.js」。 JavaScriptベースのプロンプトダイアログって何か使いにくい感じがしていたのですが、このライブラリがあればその不満も払拭できそうです。 実装も簡単で、必要なCSSとJavaScriptを読み込んで、次のようにアンカーオブジェクトのonclickイベントから呼び出すだけです。 <ul> <li><a href="#" onclick="PPrompt.alert('This i
スタイリッシュなフォームを作るときに見るべきエントリまとめ
Form Design フォームデザイン さてさて、最近のwebの入力フォームは本当に凝ってるところが多くて、ただただ関心するばかり。 そんなわけで今回は、焦点を『フォーム』に限定し、スタイル抜群なフォームUIを勉強してみたい。 流れ的には インスピレーションデザイン集CSSによるフォームの変更方法JavaScriptによるフォームデザインという感じでお送りいたします。 インスピレーション まずは、スタイリッシュなフォーム。 これらは、webデザイン全体がフォームデザインとなっているまとめです。 まさにバインダー。 webの入力フォームを街頭アンケート用紙のように仕上げたデザイン。かっこいい。 くしゃくしゃっとしたような紙の一部にフォームが設置されている。 こちらもメモに名前を書くかのごとく。 深海に光がさす感じのイメージ。 シンプルイズベストなレイアウト設計がなされている。 １，２，３，
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2010/06/jquery-forms.html
