2024年版 HTMLで作るフォームバリデーション - ICS MEDIA

2024/04/19 257 users ユーザビリティ バリデーションエラー ICS MEDIA

すべてのフォームが要件を満たしている場合のみ、送信できます。 フォームバリデーションのデザイン 上記の例では最低限のHTMLのみ実装されています。しかし、実際のサイトではバリデーションエラーをユーザーにフィードバックする必要があります。よりユーザビリティの高いフォームでは、以下の点を検討する必要があり... 続きを読む

Server Actions のフォームバリデーションにおいて useFormState でエラーメッセージを表示する

2023/10/31 7 users useFormState プログレッシブエンハンスメント

Server Actions のフォームバリデーションにおいて useFormState でエラーメッセージを表示する 2023.10.31 Next.js の Server Actions でフォームを作成する際に、どのような方法でバリデーションを行い、エラーメッセージを表示する際にどのような手段が考えられるでしょうか。プログレッシブエンハンスメントの恩恵を... 続きを読む

フォームバリデーションと送信ボタンの状態の最適解 - Konifar's ZATSU

2018/01/29 66 users konifar Konifar's ZATSU 最適解 答え

2018 - 01 - 29 フォームバリデーションと送信ボタンの状態の最適解 タイトルを見て「あーあれね」と思った人もいると思うが、アプリデザインの世界ではすでに議論され尽くされているであろうこの話題について雑に考えをまとめておきたい。とは言っても明確な答えがあるわけではないので意見がほしいというのが正直なところなので、もしフィードバックがあれば @konifar まで直接教えてもらえると嬉しい... 続きを読む

AngularJS、次バージョンとなるAngularJS 2.0の開発がスタート － Publickey

2014/03/20 27 users Publickey AngularJS フレームワーク 始ま

Googleがオープンソースで開発しているJavaScript用のMVCフレームワーク「AngularJS」は、テンプレートエンジンの機能やアニメーション機能、フォームバリデーション、ローカライゼーション機能、依存性注入（DI）など、非常にリッチなフレームワークになっています。 AngularJSの現行バージョンは1.2ですが、メジャーバージョンアップのAngularJS 2.0に向けて作業が始ま... 続きを読む

PHPメンターズ -> Practical Symfony #23: ドメインの知識を使ったフォームバリデーション

2014/02/17 32 users アプリケーションレイヤー PHPメンターズ ドメイン 知識

Practical Symfony #23: ドメインの知識を使ったフォームバリデーション フォームは、PHPメンターズの設計と実装の型で述べているように、アプリケーションレイヤーにて実装されます。今回はフォームのバリデーションの拡張についてとりあげます。 バリデーションの仕組みの基本 ユーザーが入力した値を受け取り、アプリケーションのフォームでその入力を表すオブジェクト（フォームのデータを格納す... 続きを読む

そこそこユーザビリティの高いフォームを作った - Liner Note

2014/01/19 942 users ユーザビリティ Liner Note jQuery フォーム

去年末実家に帰省していた時に、jQueryの練習＆業務で使うために、フォームバリデーションとか郵便番号変換とかを備えた、そこそこユーザビリティの高い入力フォームをコーディングしていたので、ここで公開しておきます。 フォームサンプル ご覧になれない方はこちらのフォームサンプルリンクからご確認ください ソースお持ち帰り用 (Github) ここで"そこそこ"と言っているのは、もともと業務でユーザビリテ... 続きを読む

Bootstrap用のフォームバリデーター実装jQueryプラグイン「BootstrapValidator」:phpspot開発日誌

2014/01/15 131 users Bootstrap phpspot開発日誌 JSベース

Bootstrap用のフォームバリデーター実装jQueryプラグイン「BootstrapValidator」 2014年01月15日- nghuuphuoc/bootstrapvalidator GitHub Bootstrap用のフォームバリデーター実装jQueryプラグイン「BootstrapValidator」 BootstrapなサイトでのJSベースでのフォームバリデーションを実装できます... 続きを読む

jQueryMobileでリアルタイムなフォームバリデーションを使う - かちびと.net

2011/06/14 66 users jQueryMobile バリデーション ょん 一安心 ジヨン

jQueryMobileでのフォームバリデー ションに関して調べ物をしたのでメモ。 実装した事が無かったのですが、も しかしたら近いうちに使うかもなので 動作テストしてみました。バリデーシ ョンには他プラグインを使います。 結論から言えば非モバイルサイトのバリデーションの方法となんら変わりませんでした。一安心、みたいな記事なのでなんだかすみません。 コード 続きを読む

どんなフォームにも使えるjQueryのフォームバリデーション exValidation :: 5509(+1.1)

2010/08/06 563 users jQuery ドキュメント 新しいjQueryプラグイン

jquery.validation.jsというフォームバリデーションプラグインを公開していますが、使える場面が割と限定されてしまうような作りだったので、より幅広く使えるようにexValidationという名前で新しいjQueryプラグインとして作り直しました。伴って仕様や使い方が異なる部分も多いので、ドキュメントとして書いておきます。ただし前半のバリデーションルール周りは同じエンジン使ってるので、... 続きを読む