1

このプロジェクトは、Razor ビューと JQuery の目立たない検証を備えた MVC 3 です。私たちのウェブページは、テキストボックスの上にラベルがあり、テキストボックスの下に検証メッセージが表示されるように設定されています。通常、テキスト ボックスの幅は約 150 ピクセルであるため、検証メッセージはかなり狭く縦長になる傾向があります。見栄えがよくありません。

Html.ValidationMessageFor ヘルパーを使用して、すべてのメッセージをまとめてページの上部に、できれば箇条書きリストに配置することをお勧めします。テキストボックスの横にあるメッセージの表示を「オフ」にする方法は見つかりませんでしたが、検証の概要を使用して送信時にプロパティ エラーをキャッチすることはできます。

検証の多くはポップアップで行われており、ポップアップには Telerik を使用しています。

可能であれば、オープン ソースの js ファイルの編集は避けたいと考えています。

4

2 に答える 2

4

ビュー内のアイテムを削除Html.ValidationMessageFor() します => これにより、テキストボックスの横に表示されるメッセージが無効になります。

次に、Html.ValidationSummary(false, "Your Message")箇条書きリストを表示する位置に追加します (using(html.BeginForm()呼び出し内にある必要があります)。この Html ヘルパーの false は、概要でプロパティ エラーを除外しないように指示するオーバーロードです。スタイルを設定するには、いくつかの CSS 作業を行う必要があります。

于 2012-08-01T21:21:47.323 に答える
1

マークアップの使用を検討することをお勧めします<%: Html.ValidationSummary(true) %>。これにより、探しているものが作成されます。

于 2012-08-01T21:21:02.690 に答える