我的模型中的属性上有一个RangeValidator,只允许0到100之间的Integer。我有一个局部视图,该视图显示一个表单,用于通过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,它会更改为number,但是我仍然看到相同的行为。

最佳答案

我遇到了这个确切的问题,找到了解决方案here。您需要升级以下内容:

jQuery验证(至少1.11.1)
Microsoft jQuery非侵入式验证(至少2.0.30116.0)
Microsoft jQuery Unobtrusive Ajax(至少2.0.30116.0)

该问题是通过破坏jQuery 1.9.1中的更改​​而引入的

关于asp.net-mvc - MVC数据注释范围验证无法正常工作,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/15370768/

10-11 03:04
查看更多