Question

我会展示一些最低限度的代码，因为我认为我的公司不希望我展示很多，尽管我们目前正在进行研究。

我们在实体框架4中使用POCO将数据保存回数据库。我们正在使用数据注释来尝试减少我们必须执行的重复验证的数量（这是我们旧的经典ASP解决方案的问题，我们在应用程序的三个不同级别上进行了SAME验证）。

我们希望在我们的模型中包含业务规则，其中包括确保针对其他表验证的字段有效（我们不在模型中使用下拉列表，因此用户可以键入任何内容）。例如，我们将房间信息存储在建筑物中。房间里有一个叫“房间类型”的房间。有效的房间类型在不同的表格中定义。

我们还希望立即进行客户端验证。例如，我们的数字字段必须介于0和32767之间。如果用户键入-1，我们使用客户端验证立即响应用户，让他们知道-1无效。我们通过启用客户端验证和使用数据注释来实现这一目标。

Web配置：

<appSettings>
    <add key="webpages:Version" value="1.0.0.0" />
    <add key="ClientValidationEnabled" value="true" />
    <add key="UnobtrusiveJavaScriptEnabled" value="true" />
</appSettings>

型号：

public class Room : IValidatableObject
{
    // I'm only showing the relevant properties...

    // this is a field that's validated based on another table in the database.
    // (In the model we are using autocomplete instead of a dropdown -- it's a long 
    // story --, so potentially invalid data can be passed through the form...
    [DisplayName("Room Type"), MaxLength(5)]        
    public String RoomType { get; set; }

    // A number field, with a range.
    [Range(0, 32767), DisplayName("Maximum Seats")]
    public Int16? MaxStudents { get; set; }

    // do server side validation for this entity.
    public IEnumerable<ValidationResult> Validate(ValidationContext validationContext)
    {
        var validateErrors = new List<ValidationResult>();

        // make sure room type is a valid type
        if(!String.IsNullOrEmpty(RoomType)) {
            // hit database, which is a little weird since we need to create a context,
            // and I know that might make some people's brains explode
        }

        // return all of the errors
        return validateErrors;
    }
}

控制器：

    // I didn't include all the actions, just edit

    public ActionResult Edit(Int32 Building, String RoomID)
    {
        // return a single room and show the detail information in edit mode.
        Room room = findRoom(Building, RoomID);
        return View(room);
    }

    [HttpPost]
    public ActionResult Edit(Int32 Building, String RoomID, FormCollection collection)
    {
        // get the current room from the database.
        Room room = findRoom(Building, RoomID);

        // save the room being edited, but don't touch the key fields.
        if (TryUpdateModel(room, null, null, new string[] {"Building", "RoomID"}))
        {
            // if the entity changed, audit and save
            if (db.Entry(room).State == EntityState.Modified)
            {
                db.setLastUpdate(room); // this is a function in our context for auditing
                db.SaveChanges();
            }                
        }
        return View(room);
    }

查看：（没有打扰显示用于创建自动完成的javascript ...）

@using (Html.BeginForm()) {
    @Html.ValidationSummary(false, "The following errors occured when attempting to save this Room:")
    <fieldset>
        <legend>Room</legend>
        <div class="field-block">
            <div class="editor-label">
                @Html.LabelFor(model => model.Building)
            </div>
            <div class="editor-field">
                @Html.DisplayFor(model => model.Building)
            </div>
        </div>
        <div class="field-block">
            <div class="editor-label">
                @Html.LabelFor(model => model.RoomID)
            </div>
            <div class="editor-field">
                @Html.DisplayFor(model => model.RoomID)
            </div>
        </div>
        <div class="field-block">
            <div class="editor-label">
                @Html.LabelFor(model => model.RoomType)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.RoomType)
            </div>
        </div>

        <div class="field-block">
            <div class="editor-label">
                @Html.LabelFor(model => model.MaxStudents)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.MaxStudents)
                @Html.ValidationMessageFor(model => model.MaxStudents)
            </div>
        </div>
        <p>
            <input type="submit" value="Save" />
        </p>
    </fieldset>
}

我注意到，如果用户在Maximum Seats字段中键入-1，则会触发客户端验证并让用户知道该值必须介于0和32767之间。

如果用户点击提交，则客户端验证会再次触发，并显示在表单顶部的验证摘要中。

如果用户在最大席位中输入有效值，但在“房间类型”字段中输入了错误的值，则客户端验证表明没有错误（我明白，因为客户端未对“房间类型”进行验证），如果用户单击“提交”，则会在TryUpdateModel()调用期间调用IValidateObject.Validate函数，该函数将返回验证错误，然后在页面顶部的验证摘要中显示该错误。

但是，如果用户键入错误的数字（-1）和无效的房间类型，并单击提交，则客户端验证将触发但服务器端验证不会，因此他们只会看到客户端相关错误。

我是否可以使用JavaScript设置或一些技巧来调用客户端和服务器端验证？

如果没有，我认为我唯一的选择是所有验证服务器端，这将为用户提供较少的反馈，因为他们从一个字段到另一个字段，或进行房间类型验证（检查该值在客户端的房间类型表中通过ajax调用），这将重复工作。

有什么想法吗？

Answer 1

我认为remote validation正是您所寻找的。有了这个，你可以做你提到的关于使用ajax进行验证的事情。您在客户端上执行数字验证，在服务器上执行房间验证，其结果将通过客户端验证进行报告。

使用ASP.NET MVC3在jquery不显眼的客户端验证失败时强制服务器端验证

1 个答案: