Question

Win 7 Ult，IE9。以下列表通过视图包传递给视图中的DropDownList。

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

它工作正常几天然后突然开始失败客户端验证时“发送字段Test1必须是一个数字”发布时（它永远不会到达POST操作）。我传递List或List时失败。如果我用编辑器替换DropDownList，则POST工作并更新字段。

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

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

我还发现，我甚至不必单击“保存”，只需单击浏览器窗口以使其失焦，在选择DropDownList后，会显示验证错误。字符串和int List都会发生这种情况。使用部署的Web App在XP上使用IE8也会出现这种情况。

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

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

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

谢谢，乔

如果您创建新的MVC3 Web App并添加这些文件，则可以重新创建我的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>元素没有值。看看em：

<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>

看到问题？它们都没有值属性，因此没有任何内容发布到服务器，当您尝试将任何内容绑定到整数时，您得到的结果是：错误消息。

所以：

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。使用视图模型和帮助程序的强类型版本，例如Html.DropDownListFor。

客户端验证在int字段，IE浏览器上的DropDownList失败

1 个答案: