タグ

フォームに関するmasahi6のブックマーク (3)

  • jQuery.validation.jsを使ったフォームでチェックによって必須項目の分岐を行う :: 5509

    たとえばチェックボックスAがcheckedの時に、テキストエリアXを必須にする、というようなフォーム間の依存関係なんかは定義できるのでしょうか? via: https://5509.me/2008/08/22/realtimeformvalidation.html#comments コメントをもらったので対応方法をメモしておきます。 完成サンプル 普通に実行する場合は以下のようになるのですが $(".validate").validation({ msgs: { email: "正しいEメールアドレスを入力してください 例:", submit: "入力が完了していない必須項目があります。 必須項目は全て入力してください。" }, dialog: { dialogOpacity: .8 } }); これは指定のFORM要素に対してvalidationを実行するということなので(そのままですけ

  • リアルタイムフォームバリデーション jQuery.validation.js :: 5509

    お知らせ(10.08.06): jQuery.validation.jsはアップデート・修正対応などを終了しました。 仕様などを変更したバリデーションプラグインを公開したので、そちらの方を参考にしてください。(validation.jsにはあるのにexValidationでは実装していない機能もありますが、基的に実装は行いません) どんなフォームにも使えるjQueryのフォームバリデーションプラグイン: exValidation jQuery.validation.jsはフォーム入力のイライラを軽減して、Webブラウジングとかショッピングをもっと快適にするためのjQueryプラグインです。(もちろんサーバサイドでのチェックは必須ですが…) jQuery.validation.jsのサンプルを見てみる トピックス 特徴 ダウンロード 導入方法 1.JSファイルを読み込む 2.input要素

  • フォームのユーザビリティを改善するためのサンプル集:phpspot開発日誌

    woork: Useful tips to enrich your HTML Forms フォームのユーザビリティを改善するためのサンプル集が公開されてます。 (1) フィールドに対するヒントをツールチップ表示するサンプル 最低6文字であることが分かりやすく表現できます (2) オートコンプリートサンプル おなじみ、オートサジェスト (3) 残り文字数表示サンプル 残り文字数が分かることで、何文字以上〜何文字以内という表記を省略して分かりやすく。 (4) ラジオボタンがYESの時にinputを表示。 必要な部分だけ表示してフォームを分かりやすく。 申し込みフォーム部分は、申し込み受付型のサイトでは非常に重要ですが、こうした配慮がされているといいですね。 究極にフォームを使いやすくした、ベストプラクティスのようなサンプルをまとめたサイトがあったら役に立ちそうですね。 関連エントリ フォームの

  • 1