MVC數據註釋範圍驗證工作不正常

Question

我有一個RangeValidator在我的模型屬性只允許整數介於0和100之間。我有一個局部視圖，顯示一個表單通過jQuery UI對話框更新屬性。我查看了源代碼並可以確認正在生成數據註釋屬性。但是，驗證工作不正常。它確實執行某種驗證，但它沒有使用我設置的範圍。值1,10和100不會產生錯誤。任何其他單個或兩位數值都會產生錯誤。但是，如果我使用零填充，則所有小於一百的值都可以。

型號：

public class MyModel 
{ 
    ... 
    [Required(ErrorMessage = "{0} is required")] 
    [Range(typeof(int), "0", "100", 
     ErrorMessage = "{0} can only be between {1} and {2}")] 
    public int Percentage { get; set; } 
    ... 
} 

管窺：生產

@model MyApp.Models.Partials.MyModel 

<div id="myDialog" class="editModal" title="Update Percentage"> 
    @using (Ajax.BeginForm("UpdatePercentage", "MyController", 
         new AjaxOptions() { HttpMethod = "Post", 
              OnSuccess = "onUpdateSuccess" }, 
         new { name = "myForm" })) 
    { 
    @Html.ValidationSummary(null, new { style = "width:auto;max-width:22em;    
               float:left;clear:both;" })  
    <div style="width:auto;float:left;clear:both;"> 
     <div style="width:10em;float: left;text-align:right;clear:left;"> 
     @Html.Label("Percentage:") 
     </div> 
     <div style="width:12em;margin-left:1em;float:left;clear:right;"> 
     @Html.TextBoxFor(m => m.Percentage) 
     </div> 
    </div> 
    <div style="width:23em;clear:both;text-align:center;"> 
     <hr /> 
     <input type="button" value="Cancel" class="cancelModalButton" 
      data-modal="myDialog" /> 
     <input type="submit" value="Submit" class="submitModalButton" 
      data-modal="myDialog" data-form="myForm" /> 
    </div> 
    } 
</div> 

標記：

<div id="myDialog" class="editModal" title="Update Percentage"> 
    <form action="/Web/MyController/UpdatePercentage?Length=3" 
     data-ajax="true" data-ajax-method="Post" data-ajax-success="onUpdateSuccess" 
     id="form2" method="post" name="myForm"> 
    <div class="validation-summary-valid" data-valmsg-summary="true" 
     style="width:auto;max-width:22em;float:left;clear:both;"> 
     <ul> 
     <li style="display:none"></li> 
    </ul> 
    </div> 
    <div style="width:auto;float:left;clear:both;margin-bottom:.75em;"> 
     <div style="width:10em;float: left;text-align:right;clear:left;"> 
     <label for="Percentage:">Percentage:</label> 
     </div> 
     <div style="width:12em;margin-left:1em;float:left;clear:right;"> 
     <input data-val="true" data-val-number="The field Percentage must be a number." 
       data-val-range="Percentage can only be between 0 and 100" 
       data-val-range-max="100" data-val-range-min="0" 
       data-val-required="Percentage is required" id="Percentage" 
       name="Percentage" type="text" value="10" /> 
     </div> 
    </div> 
    <div style="width:23em;clear:both;text-align:center;"> 
     <hr /> 
     <input type="button" value="Cancel" class="cancelModalButton" data-modal="myDialog" /> 
     <input type="submit" value="Submit" class="submitModalButton" data-modal="myDialog" data-form="myForm" /> 
    </div> 
    </form> 
</div> 

我看到類型設置爲text，如果我改變我的TextBoxFor到EditorFor它chnages到number但我仍然看到相同的行爲。

Answer 1

我有這個確切的問題，並找到解決方案here。您需要升級以下：

jQuery驗證（至少1.11.1）
微軟jQuery的不顯眼的驗證（至少2.0.30116.0）
微軟不顯眼的jQuery阿賈克斯（至少2.0.30116.0）

這個問題是通過突破jQuery 1.9.1的變化而引入的

Answer 2

嘗試[Range(0, 100)]。完全刪除ErrorMessage以查看您沒有破壞任何格式不正確和大括號。

如果純粹的範圍不能正常工作讓力（MS）與你同在！ :)