2017-09-18 16 views
0

enter image description heremvcでアスタリスクを使用して検証サマリーを表示するにはどうすればよいですか?

このフォームでは、エラーの検証サマリを使用しました。

ビュー: - この中

<div class="col-md-12 table-bordered" style="padding: 20px; margin:10px;"> 
          <div class="col-md-12">@Html.ValidationSummary(false,"Please Correct Following details :", new { @class = "text-danger" })</div> 
          <div class="col-md-12" style="padding:10px;"> 
           <div class="col-md-6"> 
            <div style="width:95%;"> 
             @Html.LabelFor(Model => Model.ItemName, new { style = "font-weight:bold;", @maxlength = "100" }) 
             @Html.TextBoxFor(Model => Model.ItemName) 
             <span class="text-danger"> @Html.ValidationMessageFor(Model => Model.ItemName) </span> 
            </div> 
           </div> 
           <div class="col-md-6"> 
            <div style="width:75%;"> 
             @Html.LabelFor(Model => Model.ActiveProductGroup, new { style = "font-weight:bold;" }) 
             @Html.DropDownListFor(Model => Model.ProductGroupID, new SelectList(ViewBag.ActiveProductGroup, "Value", "Text"), "--Select Value--", new { style = "Width:95%" }) 
             <span class="text-danger"> @Html.ValidationMessageFor(Model => Model.ActiveProductGroup) </span> 
            </div> 
           </div> 
          </div> 
          <div class="col-md-12" style="padding:10px;"> 
           <div class="col-md-3"> 
            <div style="width:70%;"> 
             @Html.LabelFor(Model => Model.SequenceNumber, new { style = "font-weight:bold;" }) 
             @Html.TextBoxFor(Model => Model.SequenceNumber, new { style = "text-align:right", @maxlength = "3" }) 
             <span class="text-danger"> @Html.ValidationMessageFor(Model => Model.SequenceNumber) </span> 
            </div> 
           </div> 
           <div class="col-md-3"> 
            <div style="width:50%;"> 
             @Html.LabelFor(Model => Model.UnitPrice, new { style = "font-weight:bold;" }) 
             @Html.TextBoxFor(Model => Model.UnitPrice, new { style = "text-align:right", @maxlength = "5" }) 
             <span class="text-danger"> @Html.ValidationMessageFor(Model => Model.UnitPrice) </span> 
            </div> 
           </div> 
           <div class="col-md-3"> 
            <div style="width:50%;"> 
             @Html.LabelFor(Model => Model.Quantity, new { style = "font-weight:bold;" }) 
             @Html.TextBoxFor(Model => Model.Quantity, new { style = "text-align:right", @maxlength = "5" }) 
             <span class="text-danger"> @Html.ValidationMessageFor(Model => Model.Quantity) </span> 
            </div> 
           </div> 
           <div class="col-md-3"> 
            <div style="width:80%;"> 
             @Html.LabelFor(Model => Model.EstimatedDeliveryDays, new { style = "font-weight:bold;" }) 
             @Html.TextBoxFor(Model => Model.EstimatedDeliveryDays, new { style = "text-align:right", @maxlength = "2" }) 
             <span class="text-danger"> @Html.ValidationMessageFor(Model => Model.EstimatedDeliveryDays) </span> 
            </div> 
           </div> 
          </div> 
         </div> 

このフォームではhtml.validation要約

を使用し、それは

検証概要にテキストボックスとエラー以下、アスタリスク(*)記号が表示されるはずです

どのように達成するには?

+0

サムシング(モデル=> Model.ItemNameは、 "*")' CSSファイルがすでに含まれていることを考えると、動作する可能性があります。 –

+0

@TetsuyaYamamotoが試しました!!!!検証前にテキストボックスの下に*記号が表示されます – RookieCoder

+0

CSSスタイルが必要で、 'div'を使用するようです。あなたはアスタリスクを置くべき画像を表示できますか? –

答えて

1

モデルでRequired属性を使用できませんか?

例: `@ Html.ValidationMessageForよう

public class ClassName{ 

[Required(ErrorMessage = "* Please enter Item Name")] 
public string ItemName {get;set;} 

} 
関連する問題