asp.net-mvc-3 - IE 浏览器 int 字段上的 DropDownList 的客户端验证失败

Question

Win 7 Ult，IE9。下面的列表通过一个 View 包传递给 View 中的一个DropDownList。

List<int> test1ddl = new List<int> { 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 };

它工作了几天，然后突然开始失败客户端验证，并在发布时出现“字段 Test1 必须是数字”(它从未到达 POST 操作)。当我通过 List 或 List 时失败。如果我将 DropDownList 替换为 EditorFor，则 POST 可以正常工作并且文件已更新。

我在计算机上做的唯一一件事就是重新安装 IIS，这是在使用 IIS Express 进行调试时发生的。

当我将备份恢复到计算机时，问题就消失了。我随后使用此 DropDownList 设置将应用程序部署到 Internet，但在 XP 上使用 IE 8 时出现“必须是数字”错误而失败。 Chrome 和 FireFox 工作正常。它也适用于 Win7 上的 IE9。

我还发现我什至不用点击保存，只需点击浏览器窗口外使其失去焦点，选择DropDownList后，就会出现验证错误。 string 和 int List 都会发生这种情况。这也发生在带有已部署 Web 应用程序的 XP 上的 IE8 上。

我恢复了失败的 Win7 配置的备份，然后在 IIS Express 上使用 IE9 进行调试时再次失败。如果我在此配置中使用 IE9 打开已部署的站点，它可以正常工作。 (我无法使用 IIS Express 测试 Chrome，因为在失败的配置中 VS2010 不会使用默认浏览器，只有 IE。如果有人知道为什么会发生这种情况，那将是一个单独的问题。

在这一点上，我认为实际代码没有任何问题，但似乎是浏览器问题。由于 XP 和 IE8 仍然是一种非常常见的桌面设置，我需要让它工作。

我的问题是为什么有些浏览器会产生验证错误？

谢谢，乔

如果您创建一个新的 MVC3 Web 应用并添加这些文件，您可以重新创建我的 ddlTestDB 应用。

Add this to the _Layout.cshtml menu.         <li>@Html.ActionLink("Test", "Index", "Test")</li>

*************** Controller     TestController.cs    **********
using System.Collections.Generic;
using System.Web.Mvc;
using ddltest.Models;
using ddltest.Infrastructure;

namespace ddltest.Controllers
{
  public class TestController : Controller
  {
    ddlTestDb _db = new ddlTestDb();

    public ActionResult Index()
    {
      var model = _db.Tests;
      return View(model);
    }

    public ActionResult Edit(int id)
    {
      var test = _db.Tests.FindById(id);
      //List<string> test1ddl = new List<string> { "0", "1", "2", "3", "4", "5", "6", "7", "8", "9" };
      List<int> test1ddl = new List<int> { 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 };
      ViewBag._Test1 = test1ddl;
      return View(test);
    }

    [HttpPost]
    public ActionResult Edit(int id, FormCollection collection)
    {
      var test = _db.Tests.FindById(id);

      if (TryUpdateModel(test)) { return RedirectToAction("Index"); }

      return View(test);
    }
  }
}

********************** Class          Test.cs **************
namespace ddltest.Models
{   public class Test   {   public int Id { get; set; }     public int Test1 { get; set; }  }  }

********************** Static data  ddlTestDb.cs *****************
using System.Collections.Generic;

namespace ddltest.Models
{
  public class ddlTestDb
  {
    static ddlTestDb()
    {
        _tests = new List<Test>();
        _tests.Add(new Test { Id = 1, Test1 = 0 });
        _tests.Add(new Test { Id = 2, Test1 = 1 });
        _tests.Add(new Test { Id = 3, Test1 = 2 });
        _tests.Add(new Test { Id = 4, Test1 = 1 });
    }

    public IList<Test> Tests { get { return _tests; } }

    static List<Test> _tests;
  }
}

*********************  Extensions.cs ************
using System.Collections.Generic;
using System.Linq;
using ddltest.Models;

namespace ddltest.Infrastructure
{
  public static class TestExtensions
  {
    public static Test FindById(this IList<Test> tests, int id)
    {
      return tests.Single(t => t.Id == id);
    }
  }
}

******************  Views\Test\Edit.cshtml ****************
@model ddltest.Models.Test

@{
    ViewBag.Title = "Edit";
}

<h2>Edit</h2>

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)
    <fieldset>
        <legend>Test</legend>

        @Html.HiddenFor(model => model.Id)

        <div class="editor-label">
            @Html.LabelFor(model => model.Test1)
        </div>
        <div class="editor-field">
            @Html.DropDownList("Test1", new SelectList(ViewBag._Test1))
            @*@Html.EditorFor(model => model.Test1)*@
            @Html.ValidationMessageFor(model => model.Test1)
        </div>

        <p>
            <input type="submit" value="Save" />
        </p>
    </fieldset>
}

<div>
    @Html.ActionLink("Back to List", "Index")
</div>

***************Views\Test\ Index.cshtml ************
@model IEnumerable<ddltest.Models.Test>

@{
    ViewBag.Title = "Index";
}

<h2>Index</h2>

<p>
    @Html.ActionLink("Create New", "Create")
</p>
<table>
    <tr>
         <th>
            Id
        </th>
        <th>
            Test1
        </th>
        <th></th>
    </tr>

@foreach (var item in Model) {
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.Id)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Test1)
        </td>
        <td>
            @Html.ActionLink("Edit", "Edit", new { id=item.Id }) |
            @Html.ActionLink("Details", "Details", new { id=item.Id }) |
            @Html.ActionLink("Delete", "Delete", new { id=item.Id })
        </td>
    </tr>
}
</table>

Answer 1

您的<option>元素没有值。看看他们:

<select id="Test1" name="Test1">
    <option>0</option>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
    <option>6</option>
    <option>7</option>
    <option>8</option>
    <option>9</option>
</select>

看到问题了吗？它们都没有 value 属性，因此没有任何内容被发布到服务器，当您尝试将任何内容绑定(bind)到整数时，您会得到您得到的结果:错误消息。

所以:

List<int> test1ddl = new List<int> { 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 };
ViewBag._Test1 = test1ddl.Select(x => new SelectListItem
{
    Value = x.ToString(),
    Text = x.ToString()
});

然后:

@Html.DropDownList("Test1", (IEnumerable<SelectListItem>)ViewBag._Test1)

现在看:

<select id="Test1" name="Test1">
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
</select>

好多了。哦，请不要使用 ViewBag。使用 View 模型和强类型版本的助手，例如 Html.DropDownListFor .