asp.net Проверка на стороне клиента MVC4

Question

Моя проверка модели не отображает сообщения об ошибках в браузере клиента. Форма отправляется, но в моем контроллере мой ModelState.IsValid является ложным с соответствующими сообщениями об ошибках в моем объекте ModelState. Я не уверен, как отлаживать то, что происходит неправильно.

My model class : 
Imports System.ComponentModel.DataAnnotations 
Public Class RateBO 
<Required(AllowEmptyStrings:=False, ErrorMessage:="Quantity for Miles is required!")> 
Public Property MilesQty As Decimal 
Public Property MilesAmt As Decimal 

<Required(AllowEmptyStrings:=False, ErrorMessage:="Quantity for Service is required!")> 
Public Property FirstServiceQty As Integer 
Public Property FirstServiceAmt As Integer 
Public Property SubServiceQty As Integer 
Public Property SubServiceAmt As Decimal 
Public Property TotalRate As Decimal 
End Class 

My Viewmodel class : 
Public Class FeeEntryVM 
Public Property FeeRate As UnitPriceBO 
Public Property UIFee As RateBO 
End Class 

My View : 
@ModelType JUD.ITD.Portal.SSO.JudPortal.MarshalOrderRegistry.RateEntryVM 

@Code 
ViewData("Title") = "GetRateView" 
Layout = "~/Views/Shared/_Layout.vbhtml" 
End Code 
@Using (Html.BeginForm("SubmitRate", "OrderRegistryService", FormMethod.Post, New With  {.id = "RateEntryForm"})) 
@<text> 
<div class='container-fluid span12' style="margin-left:-5%"> 
<table class="table"> 
<thead> 
    <tr> 
     <th class="span4 mobLabel" style="text-align:center">Rate Description</th> 
     <th class="span2 mobLabel" style="text-align:center">Quantity</th> 
     <th class="span1 mobLabel" style="text-align:center">Unit Price($)</th> 
     <th class="span1 mobLabel" style="text-align:center">Amount($)</th> 
    </tr> 
</thead> 
<tbody> 
    <tr> 
     <td class="span4" style="text-align:center">Service</td> 
     <td class="span2"> 
      @Html.TextBoxFor(Function(model) model.UIRate.FirstServiceQty, New With {.class = "Ratehalf", .type = "text", .id = "serviceQty"}) 
      @Html.ValidationMessageFor(Function(model) model.UIRate.FirstServiceQty) 
     </td> 
     <td class="span1"> 
      @Html.TextBoxFor(Function(model) model.RateRate.FirstServiceRate, New With {.class = "Ratehalf", .readOnly = True, .type = "text", .id = "serviceRate"}) 
     </td> 
     <td class="span1"> 
      @Html.TextBoxFor(Function(model) model.UIRate.FirstServiceAmt, New With {.class = "Ratehalf", .readOnly = True, .type = "text", .id = "serviceAmt"}) 
      @Html.ValidationMessageFor(Function(model) model.UIRate.FirstServiceAmt) 
     </td> 
    </tr> 
    <tr> 
     <td class="span4" style="text-align:center"> Subsequent Services</td> 
     <td class="span2"> 
      @Html.TextBoxFor(Function(model) model.UIRate.SubServiceQty, New With {.class = "Ratehalf", .type = "text", .id = "subServiceQty"}) 
      @Html.ValidationMessageFor(Function(model) model.UIRate.SubServiceQty) 
     </td> 
     <td class="span1"> 
      @Html.TextBoxFor(Function(model) model.RateRate.SubServiceRate, New With {.class = "Ratehalf", .readOnly = True, .type = "text", .id = "subServiceRate"}) 
     </td> 
     <td class="span1"> 
      @Html.TextBoxFor(Function(model) model.UIRate.SubServiceAmt, New With {.class = "Ratehalf", .readOnly = True, .type = "text", .id = "SubServiceAmt"}) 
      @Html.ValidationMessageFor(Function(model) model.UIRate.SubServiceAmt) 
     </td> 
    </tr> 
    <tr> 
     <td class="span4" style="text-align:center">Miles</td> 
     <td class="span2"> 
      @Html.TextBoxFor(Function(model) model.UIRate.MilesQty, New With {.class = "Ratehalf", .type = "text", .id = "milesQty"}) 
      @Html.ValidationMessageFor(Function(model) model.UIRate.MilesQty) 
     </td> 
     <td class="span1"> 
      @Html.TextBoxFor(Function(model) model.RateRate.MilesRate, New With {.class = "Ratehalf", .readOnly = True, .type = "text", .id = "milesRate"}) 
     </td> 
     <td class="span1"> 
      @Html.TextBoxFor(Function(model) model.UIRate.MilesAmt, New With {.class = "Ratehalf", .readOnly = True, .type = "text", .id = "milesAmt"}) 
      @Html.ValidationMessageFor(Function(model) model.UIRate.MilesAmt) 
     </td> 
    </tr> 
    <tr> 
     <td class="span4" style="text-align:center"></td> 
     <td class="span2"></td> 
     <td class="span1" style="text-align:center;"><b>Total Rate($)</b></td> 
     <td class="span1"> 
      @Html.TextBoxFor(Function(model) model.UIRate.TotalRate, New With {.class = "Ratehalf", .readOnly = True, .type = "text", .id = "totalRate"}) 
      @Html.ValidationMessageFor(Function(model) model.UIRate.TotalRate) 
     </td> 
     <td></td> 
    </tr> 
</tbody> 
</table> 
</div> 
<div class="row offDisplay"> 
<div class="rowBig"> 
    <div class="span12"> 
     <button class="half btn btn-primary span2 text-center" id="btnSubmit" type="submit">Submit</button> 
     <button class="half offset1 btn btn-primary span2 text-center" id="btnCancel" type="reset">Cancel</button> 
    </div> 
</div> 
</div> 
</text> 
End Using 

Answer 1

Ваш вопрос, кажется, немного вводит в заблуждение, но я думаю, что вы спрашиваете, почему проверка клиента не работает. Убедитесь, что у вас есть эти два сценария на странице:

~/Scripts/jquery.unobtrusive.min.js 

~/Scripts/jquery.validate.min.js 

Я обычно ставлю их в узелок в BundleConfig.cs

bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
        "~/Scripts/jquery.unobtrusive*", 
        "~/Scripts/jquery.validate*")); 

Используя звездочку * вместо min.js пакетирования будет использовать нон Минимизированный версии в разработке и будет использовать модифицированную версию в производстве.

Тогда в моей странице макета:

@Scripts.Render("~/bundles/jqueryval") 

Answer 2

ModelState.IsValid() Используйте так и поймать исключение, которое будет объяснить, что пошло не так с ModelState