2017-09-18 3 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

@ 테츠야 야마모토 시도 !! 유효성 검사 전에 텍스트 상자 아래에 * 기호가 표시됩니다. – RookieCoder

+0

CSS 스타일링이 필요하고'div'를 사용해야합니다. 별표를 어디에 두어야하는지 이미지로 보여줄 수 있습니까? –

답변

1

모델에서 필수 속성을 사용할 수 없습니까?

예 :`@ Html.ValidationMessageFor 같은

public class ClassName{ 

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

}