Webデザイン・デザイナーの制作に役立つネタまとめ ~ デザインフィードデータベース

Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください~。

~ Webデザインをするのに必要なもの ~

Webデザインには一般のデザインスキルのほかに、HTML・Javascript・CSSなど多様なスキルが求められます。Webデザイナーが、さらに複雑化するWebデザインを把握する一助にでもなれば幸いです。

Webデザイン フォームの入力エラーを吹き出しで教えてくれる JavaScript

フォームの入力エラーを吹き出しで教えてくれる JavaScript

2007/07/18 7:59:15 はてなブックマーク数811 ライブドアクリップ数125 del.icio.us数15 espion.just-size.jp [ この元データのコンテンツへ ]

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

[ ← 前画面へ戻る ] [ ニコニコ風に見る ] [ 関連記事を見る ] [ Feeling Lucky ]
[ スポンサード リンク ]
[ スポンサード リンク ]
◆コメント・メモ◆

セキュリティ的にも「入力値のチェック」がサーバ側で必要なわけじゃない。必要な場合それは別の理由。>「サーバサイドでの入力値のチェックをさぼってはいけません」  [ by HiromitsuTakagi ]

メモ  [ by Eisuke0312 ]

これは結構便利そう  [ by sasata299 ]

system:unfiled  [ by MayBowJing ]

入力したらフキダシで結果を返すやつ。アクセシビリティ的にはフォームの後ろにエラー文言がきてくれるとヨサゲな気がするんですけど。。  [ by tiadeen2 ]

かっこいい  [ by bugiugi ]

JavaScriptで実現するエラー文言。わかりやすくて良い。  [ by Daibutsu ]

フォームの入力エラーを教えてくれるJAVAスクリプト。ここまでやるとすごい  [ by ryuzee ]

javascriptでSubmit時にエラー出力  [ by kgarage ]

★★★★★簡単でエレガント素晴らしい!

javascriptの入力チェック用のライブラリ

バリデート

フォームのエラーを吹き出しで表示

エラーを吹き出しで

入力チェック、Validator、バリデータ、吹き出し

webvalidationlibJavaScriptフォームのvalidation関連のライブラリ

validationエラーを吹き出し表示するjavascriptライブラリ

Unicodeescapeしておくと、ドキュメントの文字コードが何だろうがちゃんと表示出来るのでお勧めの方法です。

フォームの入力エラーを吹き出しで教えてくれる

フォームの入力エラーを吹き出しで教えてくれるJavaScriptこのエントリーを含むブックマーク

ォームの入力エラーを吹き出しで教えてくれるJavaScript

validationもweb2.0で。

Validationするためのライブラリ。セキュリティとは違いますよ、と言ってるのもいいね。

validate入力javascript

秀逸。「JavaScriptで入力のチェックをしたからと言って、サーバサイドでの入力値のチェックをさぼってはいけません。・・・入力のミスを検知し、利便性を向上させるのが目的」なる。

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

リアルタイムじゃないバリデーション。これいいな。。。ついでにUnicodeescapeもメモメモ。

セキュリティ的にも「入力値のチェック」がサーバ側で必要なわけじゃない。必要な場合それは別の理由。>「サーバサイドでの入力値のチェックをさぼってはいけません」

フォームのvalidation関連のライブラリはいくつかありますが、私は以下に紹介するやつをずっと使ってまして、これがかなり気に入ってます。ただ、オレナイズされたコードが随所に含まれ

フォームの入力エラーを吹き出しで教えてくれるJavaScript

とりあえずsubmitボタンを押せば、全て理解出来るかと思います

吹き出しに出力されるエラーメッセージは、Validater.ruleの中にUnicodeescapeして書いてあります

フォームのvalidation関連のライブラリ

すごい

これは便利。パブリックドメインは嬉しいなぁ。

入力データの送信前のチェックとしては便利

鷹の島

フォームのバリデーションを行なうJavascript

これすごい!

JavaScriptのみでフォームの入力エラーを吹き出しで表示

validation も web 2.0 で。

validation エラーを吹き出し表示する javascript ライブラリ

入力中に文字サイズを変更すると吹き出しの位置がずれるのが難点。

エラー箇所の強調具合は中々で良いとは思うけれど、少々過多な気もする。良いとは思うけれど。

入力ミス等をお知らせしてくれる機能をプラス

こういうのもUIの改善リニューアルだとおもうのです

フォームエラーを吹き出しで教えてくれる

Unicode escape しておくと、ドキュメントの文字コードが何だろうがちゃんと表示出来るのでお勧めの方法です。

×で閉じるのがストレスかもだけど、いいですね。

Submitしたら吹き出しでエラー部分を表示してくれるスクリプト

JavaScriptを使ってオシャレにフォーム入力をチェック

フォームの入力エラーを吹き出しで教えてくれる JavaScript このエントリーを含むブックマーク

これ以外にもphpやcgiなどのサーバーサイドでの処理を忘れずに。

あー、コレいいなー。だれかQuickFormに組み込んで!コレ読んだ人早く!!

便利そうなので使ってみようかな。

カッコイイー!

ォームの入力エラーを吹き出しで教えてくれる JavaScript

javascriptでフォームの入力チェック&吹き出しでエラー表示

あーやっぱこれだよなぁ

フォームを送信する前に入力のミスを検知し利便性を向上させる

JavaScriptを使ってオシャレにフォーム入力をチェックする。これをやったからといってフォームからの入力が汚染されていないことを全く保障できないので、ユーザビリティの向上にのみ使う。

便利かも

わかりやすい機能だ

秀逸。「JavaScript で入力のチェックをしたからと言って、サーバサイドでの入力値のチェックをさぼってはいけません。・・・入力のミスを検知し、利便性を向上させるのが目的」なる。

エンドユーザーが気に入るか別だ超便利

フロントエンドvalidatorツール

アラートの表示方法も利便性を求めるべきなんだろうな。

利用場所は限られそうだけど、面白い

alertってやっぱりすんごいストレスなんだよね。ユーザー的に。

form

validate 入力 javascript

吹き出しが多いと見た目がつらいかも。ということで、表示域の右上にあってスクロールに追随する広告のようなエラー表示方法を思いついた。

セキュリティ的にも「入力値のチェック」がサーバ側で必要なわけじゃない。必要な場合それは別の理由。> 「サーバサイドでの入力値のチェックをさぼってはいけません」

formフォームの入力チェック

Validationするためのライブラリ。 セキュリティとは違いますよ、と言ってるのもいいね。

フォームの入力値チェックおよびエラーメッセージのポップアップ表示を行うJavaScriptライブラリ。

JavaScriptによるリアルタイムvalidation。

かわいいvalidator

かわいいー。表示スペースは要検討ですね。

これは便利。

リアルタイムじゃないバリデーション。これいいな。。。ついでにUnicode escapeもメモメモ。

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

使ってみたいぃぃ!

かなりイイ。もうちょっと吹き出しをカワイクしたらサイコー!

わかりやすいね

これもあとで見る

オサレでステキです

フォーム

これやりたい

ajax,javascript,フォーム,検証,吹きだし

validation

吹き出しに出力されるエラーメッセージは、Validater.rule の中に Unicode escape して書いてあります

過剰に使用するのは禁物だけれど、基本的に分かり易い。

とてもわかりやすい!アラートの表示方法

とりあえず submit ボタンを押せば、全て理解出来るかと思います

入力チェック

吹き出し

ただ、オレナイズされたコードが随所に含まれていたから紹介する事が出来ないでいたのですが、今回やっと書き直したのでお目見えです。

過去にみたのに全然記憶無かった。

フォーム入力エラー

面白い。デザインさえ何とかなれば

入力エラーを吹き出しで

これいい感じです。わかりやすいし。

うーん、吹き出し警告

バリデーション、値検証、吹き出し

入力フォームをふきだしでエラー教えてくれる。パブリックドメイン。

JSNのサイトにもいれようかw

フキダシをクリックしてエラーメッセージを閉じるのは面倒。再度入力し直すと消えるのかな?

面白い

フォームとユーザビリティについて、もうちょっと勉強しないとなぁ。結構好評なんですね。ふむ

javascript

かなり完成度の高いバリデータ。

フォームの入力エラーを吹き出しで教えてくれる JavaScript

フォームの validation 関連のライブラリはいくつかありますが、私は以下に紹介するやつをずっと使ってまして、これがかなり気に入ってます。ただ、オレナイズされたコードが随所に含まれ

使いたい技術

使ってみたら、わかりやすかった。これいいな

フォーム作成の際に有効

よくできてる感じ?

フォームの validation 関連のライブラリ

これで全部じゃね?

吹き出し風ValidataorなJavascript


[ ← 前の画面に戻る ]
◆関連データ◆

SimpleJSSimpleJS
SimpleJS is a javascript librarysimple and light proposing functions ready with the use to facilitate theexploitation of ajax. New Version: 0.1 betas...
[ データ元へ ]

カスタマイズの自由度が高いツールチップ用JSライブラリ「Prototip」他ツールチップJS色々:phpspot開発日誌カスタマイズの自由度が高いツールチップ用JSライブラリ「Prototip」他ツールチップJS色々:phpspot開発日誌
Prototip - Tooltips for prototype While waiting for Prototype 1.6.0.1 I've put together a preview for the next release of Prototip.カスタマイズの自由度が高いツールチッ...
[ データ元へ ]

フォームの入力内容にツールチップ表示をするJavaScriptライブラリ「Tooltip for forms」:phpspot開発日誌フォームの入力内容にツールチップ表示をするJavaScriptライブラリ「Tooltip for forms」:phpspot開発日誌
Tooltip for formsYou can download the entire script from thi...
[ データ元へ ]

オープンソースでIT戦略 MOONGIFT - qooxdoo JavaScriptのGUIツールキットオープンソースでIT戦略 MOONGIFT - qooxdoo JavaScriptのGUIツールキット
Ajaxの隆盛によって、Web画面に求められる機能が一段階上がっている。ブラウザ上でGUIアプリケーションさながらの機能を持たせるのは非常に大変だ。 ブラウザが一種類ならまだしも、IEとFirefox両方と言われると更に大変だ。そこでツールを頼ろう。 今回紹介するオープンソース・ソフトウェアはqo...
[ データ元へ ]

【コラム】そろそろきっちりJavaScript 第1回 "Firebug"の導入〜関数リテラルとは? (MYCOMジャーナル)【コラム】そろそろきっちりJavaScript 第1回 "Firebug"の導入〜関数リテラルとは? (MYCOMジャーナル)
『 正しくは「リテラル(文字)mtofに無名関数function(x)」じゃなくて、「変数mtofにリテラル(定数)である無名関数function(x)...を」じゃないのかな?最近、プログラム書いてないから分からんけど。 』
[ データ元へ ]

ヨモツネット 実験室 » フォームに入力された全角文字を自動で半角に変換するヨモツネット 実験室 » フォームに入力された全角文字を自動で半角に変換する
このスクリプトに機能を追加した valueconvertor.js を公開しています。アーカイブとしてこの記事は残してありますが、この replaceascii.js 機能をご利用する場合は、より安定している valueconvertor.js のご利用をおすすめします。概要フォーム入力時に『半角...
[ データ元へ ]


[ ← 前の画面に戻る ]
Webデザインの情報・記事まとめサイト デザインフィード゛テータベース

スポンサード リンク

今日のWebデザイン

期間で表示

[ 追加された期間を表示 ]

コメントユーザー

デザインコンテンツ

注目フィード

Webサービス』 の注目フィード

【特集】Dropboxはここまで使える!基本+応用の活用技まとめ :教えて君.net Webデザイン フィード
2012/04/07 18:20:18
   Dropbox まとめ webサービス オンラインストレージ お役立ち
Webデザイン注目ネタ
もう作業用BGMに困らない!音楽垂れ流しサービス&iPhoneアプリ13選 Webデザイン フィード
2012/04/25 12:20:19
   音楽 webサービス music iphone アプリ
Webデザイン注目ネタ
2012/02/20 0:20:31
   evernote まとめ webサービス 生活 アイデア

フィードを購読する

ブックマークしておく

Webデザインのタグ