フォーム要素にうっすらデフォルト値を入れてヒント表示できる「jQuery Form Tips」:phpspot開発日誌
PHPからTwitterを簡単に操作できるPEARパッケージ「Services_Twitter」がアッ... 次の記事 ≫：PHP関数の挙動をちょっと調べたいときに助かる「PHP Functions Online」 jQuery Form Tips Plugin フォーム要素にうっすらデフォルト値を入れてヒント表示できる「jQuery Form Tips」 フォームにデフォルト値を入れておくことで利用者が何をいれていいのか、というのが直感的にわかり、かつスペースもとらないのでよく使われる手法ですが、実装も超簡単にやりたいですね。 jQuery Form Tips を使えば、フォーム要素の title 属性に値を入れておくだけでヒントを自動表示できます。 <p> <label for="i1">Field1</label><br /> <input type="text" name="i1"
ユーザ体験向上に役立つフォームのバリデーションスクリプトいろいろ - Feel Like A Fallinstar
エラーを減らし、より快適にフォームの入力を行ってもらうのは、コンバージョンを持つウェブサイトにとっての必須課題。 根本的にはインターフェース設計やエラー画面の設計、あるいはフォーム前の意欲醸成が大事なのですが、最近ではバリデーション絡みのJavaScriptのライブラリがかなり整理されてきました。 あんまりこのブログでスクリプト紹介とかはやらないのですが、たまたま丁度dzineblogで紹介があったので、備忘録的に。 JQueryを使ったスクリプト ■ A jQuery inline form validation 画像無しで利用できるスクリプトです。 ※CSS3を使っているので、ブラウザによっては角丸などのイフェクトの見え方が違ってしまうのがもったいないです。 ■ Valid8 - An input field validation plugin for Jquery デモページをち
デザイナー・コーダー必見！使えるform関連jQueryプラグインの数々 | バシャログ。
こんばんは、最近ホルモン焼きにハマっているishidaです。 WEBサイト制作時、formは必ずといってもいいぐらい存在します。 お問い合わせフォームや会員登録フォームなどがすぐに思いつきますよね。 デザインをがっつりフォーム部分で作り込んでも、CSSのみでは、 実現できなかったりすることもよくあります。 そんなクセのあるformを、よりリッチに！かつ操作性を向上！できるjQueryプラグインの数々をご紹介します。 デザイナーの方は、フォームのデザインの参考に。 コーダーの方は、ページ作成時間の短縮に手助けになればと思います。 jQuery plugin: Validation フォームの入力チェック（バリデーション）が簡単にできるプラグイン。 エラーメッセージはlocalizationディレクトリ内に18言語用意されています。 日本語用は別途作成し、使用することが可能です。 jQuery
より良いフォーム作りの参考になるフォームのサンプル＆ライブラリ集:phpspot開発日誌
16 Free Ajax Contact Forms - For A Better User Experience Contact forms are the most common bridges between readers & site owners whether it is a blog or an e-commerce site. より良いフォーム作りの参考になるフォームのサンプル＆ライブラリ集。 JavaScript, Ajax等を使い、バリデーションやフォーム入力のしやすさなどについて考えられたフォーム集がまとまってました。 LightForm - Demo - ファンシーなフォームデザインにクールな入力チェック Proto Form - 入力チェック機能や現在位置強調機能 jQuery - Ajax Contact Form (Tutorial & Files) - D
[JS]jQueryのプラグイン33 1選 -2008年10月 | コリス
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 ListNav リストの高機能なナビゲーションを作成。 Scroll your HTML ホイールにも対応した高機能なスクロールする
超クールなログインフォームを作成するチュートリアル:phpspot開発日誌
Build An Incredible Login Form With jQuery - NETTUTS 超クールなログインフォームを作成するチュートリアル ログインボタンを押すと、ビローンとアニメーションしながらカッコよくログインフォームを開くUIを作成するチュートリアルが公開されています。 Photoshopにはじまり、CSS、JavaScriptのコーディング手順が紹介されていて、とても有用です。 関連エントリ 超クールなタブインタフェースをjQueryで作成するチュートリアル JavaScript製の画像スライダー・ギャラリーいろいろ apple風のアニメーションする超クールなメニューを作成
Bridge Word
This shop will be powered by Are you the store owner? Log in here
jQueryによるフォーム部品操作のレシピ - むつらつれづれ
テキストボックスやラジオボタンなどのフォーム部品は、論理モデルとしては単純なnameとvalueの組み合わせであるものの、jQueryを以ってしても画面上では統一的に扱えずに意外と苦労する。忘れがちなので纏めてみた。 フォーム部品共通 フォーム部品（のjQueryオブジェクト）を取得する var obj = $('#target'); // id指定 var obj = $('.targets'); // class指定 var obj = $('input[@name=xxx]'); // name指定 テキストエリア、リストメニューなど同一ドキュメントで唯一なものにはユニークなidを振っておき、チェックボックスやラジオボタンなど同一のname要素で複数存在するものにはそれらで共通のclassを振っておくか、name要素で指定するのが無難か。 テキストボックス（input[@type=t
非フォーカス時にヒントの表示されるテキストボックス - jQuery 日本語リファレンス
フォーカスが当たっていない時に、入力域にヒントが表示されるテキストボックスを作るのは、意外とやっかいです。 [HTML] <input type="text" id="text" name="text" value="" title="ヌヌヌー" /> [JavaScript] $(document).ready(function(){ $('#text') .blur(function(){ var $$=$(this); if($$.val()=='' || $$.val()==$$.attr('title')){ $$.css('color', '#999') .val($$.attr('title')); } }) .focus(function(){ var $$=$(this); if($$.val()==$$.attr('title')){ $(this).css('colo
Ajaxのフォームバリデータ11選『List of Ajax form Validators』 – creamu
Ajaxでフォームの入力チェックがしたい。 そんなあなたにおすすめなのが、『List of Ajax form Validators』。Ajaxのフォームバリデータ11選だ。 以下にいくつかご紹介。 » fValidator MooTools v1.1。1ページに複数のフォームに対応 » FormCheck MooTools v1.1。テキストinput、ラジオボックス、チェックボックス、テキストエリア、セレクトボックスに対応 » jQuery Plugin: Validation jQuery 1.2.2以上。標準のフォームすべてに対応 » LiveValidation prototypeバージョンとスタンドアロンバージョンの2種がある » LiveValidation オープンソースのjavascriptライブラリ。早く、簡単、強力にクライアントサイドでバリデートしてくれる その他のリ
jQuery プラグイン ValidationAide の日本語版をつくってみました。 - Web屋のメモ帳
フォームのバリデーションを行ってくれる jQuery のプラグイン ValidationAide のエラーメッセージなどを日本語訳し、バグ修正、jsファイル統合やバリデーションルール追加をしたものを ValidationAideJ としてつくってみました。 ValidationAide は Ste Brennan ( http://www.dnaide.com/ ) という方がつくった、こんな感じのフォームバリデーションを行ってくれるjQueryのプラグインです。 本家ではデフォルトのエラーメッセージが英語になっており、ValidationAide のほかにStringAide というファイルも事前に読み込まなければいけなかったので自分なりに使いやすくするために今回の日本語版をつくりました。 そして、最新のバージョンで日付のバリデーションにバグがあったので、直しておきました。日付のバリデー
47+ Excellent Ajax CSS Forms - noupe
Forms needs a solid visual structure, a profound hierarchy of form elements (Fields and Labels), powerful techniques and Functionality (AJAX) to make the form look and work creatively. There is a great bunch of creative, outstanding and individually designed from scratch forms. Thanks to AJAX, we can provide real-time feedback to our users using server-side validation scripts and eliminate the nee
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptでHTMLフォームの劇的ビフォアアフター「Jqtransform」:phpspot開発日誌
moto-mono.net
[JS]フォームの入力を支援するスクリプト -Autotab