MVC 表单验证因两个必填字段而未使用而失败

Question

我正在使用 MVC ViewModel。有两个单选按钮 是或否的形式。如果用户选择“是”，将显示 TextField1，如果选择“否”，将显示 TextField2。两者都是带有 *（星号）符号的必填字段。即使两者都是必填字段，用户也只能根据单选按钮选择一次填写一个 TextField。问题是当用户提交显示文本字段所需的验证错误消息之一时。有什么办法可以解决这个问题。

Answer 1

如果您只显示一个，则不能同时要求两者。

解决此问题的最简单方法之一是使用视图模型比将 DTO 对象传递给页面的优势之一。

我需要在这里做很多假设，因为您没有提供任何代码，但您的问题很简单。即使我的假设不正确，这些原则也可以很容易地推断到您的特定用例中。

我将假设您的对象看起来像这样：

public class DtoObject
{
    public bool IsPositiveSelection { get; set; }
    public string YesReason { get; set; }
    public string NoReason { get; set; }
}

在不知道发生了什么的情况下，我认为您有充分的理由这样做。也许在一个中要求一个电子邮件地址，另一个是电话号码。

如果您还没有，您需要创建一个像这样的视图模型：

public class DtoObjectViewModel
{
    public bool YesNoRadio { get; set; }
    [Required]
    public string Reason { get; set; }
}

我在这里所做的不是制作两个单独的框，而是使用一个始终显示的框。如果您确实需要电子邮件验证和电话号码之类的东西，您可以使用 JavaScript 来应用它，而不仅仅是依赖于属性。

这将允许您确保该值始终存在，无论单选按钮处于哪种状态。

在某些时候，您需要将您的视图模型映射回您的 DTO 对象：

private DtoObject MapToDto(DoObjectViewModel model)
{
    return new DtoObject
    {
        IsPositiveSelection = model.YesNoRadio,
        YesReason = model.YesNoRadio ? model.Reason : "",
        NoReason = model.YesNoRadio ? "" : model.Reason
    };
}

还有很多其他选项，但这些选项需要更多的 JavaScript，并且使任何答案都比这个更广泛。