フォーム周りに使えるjQueryプラグイン50 – creamu
フォームをより使いやすくしたい。 そんなときに使えそうなのが、『50 jQuery Plugins for Form Functionality, Validation, Security and Customisation』。フォーム周りに使えるjQueryプラグイン集です。 バリデータやアップローダ、パスワードの安全性チェックなど、いろいろありますね。 jQuery “Highlight” Plugin フォーカスが当たっているフォームに背景画像を敷いて、ハイライトしてくれるプラグイン Autotab: jQuery Auto-Tabbing and Filtering 電話番号などのinputで、自動で次のinputにカーソルを移動してくれる jQuery NobleCount Twitterのような、あと何文字入力できる、を表示してくれる「jQuery NobleCount」 AJ
１個目のselectで２個目のselectの内容を簡単に変えられるjQueryプラグイン「Doubleselect」:phpspot開発日誌
１個目のselectで２個目のselectの内容を簡単に変えられるjQueryプラグイン「Doubleselect」 2010年05月26日- jQuery Doubleselect Plugin １個目のselectで２個目のselectの内容を簡単に変えられるjQueryプラグイン「Doubleselect」。 次のように、１個目のSelectボックスの内容によって２個目のselectボックスの内容が容易に切り替えるようなUIが簡単に実現できてしまうプラグインです。 １個目が野菜(Vegetables)の場合は、tomato, potato, asparagus が表示されます。 １個目をフルーツ(Fruits)にすると、apple, orange, kiwi, melon になります。 いざ実装しようとすると面度臭そうなのですが、jQueryプラグインによって、比較的簡単に実装できま
入力最大値に達したら自動で次の要素に移動させられるjQueryプラグイン「Autotabindex」:phpspot開発日誌
入力最大値に達したら自動で次の要素に移動させられるjQueryプラグイン「Autotabindex」 2010年05月24日- Autotabindex Example 入力最大値に達したら自動で次の要素に移動させられるjQueryプラグイン「Autotabindex」。 例えば、携帯番号を入力する場合など、一定の文字数以上になった場合に、TABキーを押すなどせずとも、次のフィールドにカーソルを合わせることができます。 TABキーを知らないライトユーザーな方々はマウスでいちいち移動していたりもしますが、このプラグインでユーザビリティを上げられそうです。 JavaScript で１から実装するとなると、少し面倒な上に、要素ごとにonkeydownを入れたりしてコードが汚くなったりしますが、jQueryプラグインなので１行で次のように初期化できます。 $(document).ready(fun
[jquery][javascript] jQueryプラグイン「autoResize」を解説してみる « 岩家ぶろぐ
はじめに 入力テキストの量によってテキストエリアの高さが自動で伸縮する jQueryプラグイン 「autoResize」 というものがあります． 本エントリでは，このプラグインがどんな感じで動いているのかを，私が解釈できている範囲で解説してみます． なお，参考にしているソースコードは version 1.04 です． autoResizeプラグインとは？ 冒頭で触れたような機能を，James Padolsey さん が jQueryプラグインとして動作するように実装したものです． jQuery plugin: ‘autoResize’ – James Padolsey Inspired by Jason Frame’s method, I’ve created an animating ‘autoResize’ jQuery plugin. jQuery plugin: ‘autoRes
jQuery plugin: ‘autoResize’ - James Padolsey
I remember googling for something of this nature a while ago but all I found were countless attempts using the cols and/or rows attribute of the textarea, thus making it pretty useless if you weren’t using a fixed-width font. Inspired by Jason Frame’s method, I’ve created an animating ‘autoResize’ jQuery plugin. Although it was inspired by his plugin it has a few slight differences, most notably t
フォームメーラー｜SSL・携帯対応の無料メールフォーム作成ASP
いろいろなシーンに 対応 必要な時、スピーディに フォームとページ を作成できます。 あらゆる課題を解決する活用法やサンプルを紹介！ イベント・セミナー キャンペーン ネット販売 アンケート お問い合わせ 予約 登録 採用 ホームページ 社内の報告書
選択肢によってドロップダウンのメニュー項目を変えるには
[JavaScript] サンプルはこちらです [JavaScript部分] <script type = "text/javascript"> <!-- function functionName() { var select1 = document.forms.formName.selectName1; //変数select1を宣言 var select2 = document.forms.formName.selectName2; //変数select2を宣言 select2.options.length = 0; // 選択肢の数がそれぞれに異なる場合、これが重要 if (select1.options[select1.selectedIndex].value == "果物") { select2.options[0] = new Option("りんご"); select2.op
FormのAutocomplete（オートコンプリート）無効化方法 - blog
セキュリティを考慮したサイトでは、何らかのサービスにログインさせる時などに、テキスト入力フォームで、オートコンプリート機能をオフにしたい場合があると思う。 たとえば、共用利用されるようなPCでオートコンプリート機能により、自分のIDやパスワードがPCに保存され、個人情報が盗み見られたりするような事を、未然に防ぐことが可能だ。 企業サイトなんかでも、対応が分かれるところだが、大概はブラウザのオートコンプリート機能をOFFにする方法を示しているサイトが多いようだ。 実際の対応方法は、サイト運営側のセキュリティポリシーに依るところが大きいと思うのだが、いずれの方法をとる場合でも、ユーザーにセキュリティ上の課題があることを提示した上で、オートコンプリート機能をOFFにするように指定することを促したり、オートコンプリート機能が使えない旨を明示する必要がある。 つい先日、このオートコンプリート機能を無
Enter キーへの応答 - Web/DB プログラミング徹底解説
例えば、検索ボックスへ検索キーワードを入力してから検索を開始するときのことを考えてください。 検索キーワードを入力した後、「検索ボタン」 をクリックしないと検索が開始しない場合より、 Enter キーを押下することによっても検索が始まるほうが使い勝手がよいといえます。 簡単なハウツーものになりますが、この資料ではテキストボックスで Enter キーを押下したときにイベント処理を行う方法について書きます。 デモ ここで作るプログラムのデモです。下のテキストボックスに文字を入力し、Enter キーを押下または横の OK ボタンをクリックしてください。 OK ボタンをクリックしたときと同じ動作を、Enter キーを押下した時にも実行します。(ここでは単にポップアップメッセージを表示するだけです) テキストボックスへのイベントの設定 window のロードイベントにて、イベントハンドラを設定します
Niceformでエレガントなフォーム生成:phpspot開発日誌
badboy.media.design :: articles :: Niceforms Web forms. Everybody knows web forms. Each day we have to fill in some information in a web form, be it a simple login to your webmail application, an online purchase or signing up for a website. They are the basic (and pretty much the only) way of gathering information on the web. 配布されているJavascriptのファイルとCSSファイルを読み込むだけで、フォームデザインが早代わり。 HTMLに組み込む例） <scrip
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2010/06/jquery-forms.html
dev.iralog.net is Expired or Suspended.
WEBページで、テキストボックスに文字を入力する時に、ボタンにフォーカスが合っていてEnterキーで移動、という風にしたいのですけど。…