vb.net - asp.net MVC4 クライアント側モデルの検証

Question

モデルの検証で、クライアント ブラウザーにエラー メッセージが表示されません。フォームは送信されますが、コントローラーでは、ModelState.IsValid が false で、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