MVC3検証メッセージのスタイリング

Question

MVC3のデフォルトの検証メッセージが大好きですが、フォーム要素がより緊密に連携する必要があるいくつかのより大きなフォームに移行します。これにより、生成されるデフォルトの検証メッセージに関する問題が発生します。それらは折り返して、フォーム要素の下に表示されるメッセージの半分に達するか、フォームレイアウトを完全に破棄します。

誰かがこの問題の良い解決策を持っていますか？

確認メッセージを「ツールチップ」のヘルプに設定すると思いますか？あなたの提案と解決策を聞くのが大好きです。

ありがとうございます。ポール

Answer 1

デフォルトの検証メッセージはSPANです。別の要素（例：IMG）を使用する場合は、カスタム検証メッセージ拡張機能を作成する必要があります。 MVCのValidationMessageHelperメソッドをチェックして、デフォルトのSPANがどのように構築されているかを知ることができます。あなたはdata-valmsg-forのようなカスタム属性を再利用できると思います。また、控えめなAjax検証を使用していると仮定して、jquery.validate.unobtrusive.jsを修正する必要があります。

Answer 2

これはすべてあなたのレイアウトに依存します。 ValidationMessageはどこにでも置くことができ、好きなようにスタイルを設定することができます。出力HTMLを見て、メッセージのレイアウト方法を理解してください。