客户端验证不适用于 mvc 中的枚举单选按钮

Question

我有一个枚举：

public enum KindOfDeal
{
    NotSelected,
    BuyIt,
    SaleIt,
    RentIt,
    WantRent,
    ExchangeIt}

我在我的模型中使用这个枚举如下：

public class Property : IProperty
{
    [Key]
    public virtual int PropertyId { set; get; }

    [Range(minimum: 0, maximum: double.MaxValue, ErrorMessage = "Essential")]
    public virtual double? LandArea { set; get; }

    [Range(minimum: 0, maximum: double.MaxValue, ErrorMessage = "Essential")]
    public virtual double? FoundationArea { set; get; }

    [Required(ErrorMessage = "Essential")]
    public virtual KindOfDeal? KindOfDeal { set; get; }
}

然后我使用此枚举在 cshtml 文件中创建单选按钮，如下所示：

 <div id="kind-of-deal">
                                    @Html.ValidationMessageFor(model => model.KindOfDeal, null, htmlAttributes: new { @class = "ErrorMessageForInputs" })
                                    <div class="A7O-wrapr-radio">

                                        @Html.RadioButtonFor(model => model.KindOfDeal, (int)KindOfDeal.BuyIt, htmlAttributes: new { @class = "A7O-radio", id = "p-purchase" })
                                        @Html.Label("p-purchase", "", new { @class = "A7O-label-radio", data_icon = " " })

                                    </div>
                                    <div class="A7O-wrapr-radio">
                                        @Html.RadioButtonFor(model => model.KindOfDeal, (int)KindOfDeal.SaleIt, htmlAttributes: new { @class = "A7O-radio", id = "p-sale" })
                                        @Html.Label("p-sale", "", new { @class = "A7O-label-radio", data_icon = " " })

                                    </div>
                                    <div class="A7O-wrapr-radio rel" id="parent-rentPresenter">
                                        @Html.RadioButtonFor(model => model.KindOfDeal, (int)KindOfDeal.RentIt, htmlAttributes: new { @class = "A7O-radio", id = "p-rent-presenter" })
                                        @Html.Label("p-rent-presenter", "", new { @class = "A7O-label-radio", data_icon = " " })
                                    </div>
                                    <div class="A7O-wrapr-radio rel">
                                        @Html.RadioButtonFor(model => model.KindOfDeal, (int)KindOfDeal.WantRent, htmlAttributes: new { @class = "A7O-radio", id = "p-rent-wanted" })
                                        @Html.Label("p-rent-wanted", "", new { @class = "A7O-label-radio", data_icon = " " })
                                    </div>
                                    <div class="A7O-wrapr-radio">
                                        @Html.RadioButtonFor(model => model.KindOfDeal, (int)KindOfDeal.ExchangeIt, htmlAttributes: new { @class = "A7O-radio", id = "p-exchange-presenter" })
                                        @Html.Label("p-exchange-presenter", "", new { @class = "A7O-label-radio", data_icon = " " })
                                    </div>
                                    <div class="A7O-wrapr-radio">

validate.js 和 validate.unobtrusive.js 在我的 cshtml 文件中被引用。此外，我将此枚举设为可为空的必需属性。服务器端验证适用于这些枚举单选按钮。此外，客户端验证适用于其他 html 输入元素，除了这些枚举单选按钮。

Answer 1

我发现可能对其他人有帮助的结果：

如您所见，我将一个名为“A7O-radio”的类与单选按钮相关联，在这个类中，我将单选按钮设为 display:none; 简单的？我花了很多时间来了解这一点。因为 display 是 none 所以它不显示它的客户端验证消息。为了解决这个问题，我为 NotSelected 枚举值插入了另一个单选按钮，并将其不透明度设为零；魔法发生了。 我还将这个单选按钮的宽度和高度设置为零，所以再次出现了同样的问题。

 @Html.RadioButtonFor(model => model.KindOfDeal, (int)KindOfDeal.NotSelected,new { @class= "opacity0" })