使用 mvc 4 中的模型根据出生日期验证年龄

Question

我有登记表，其中包含出生日期字段。

使用日历日期选择器输入该字段的值。

这些是为此字段插入值的步骤

第1步

第2步

第 3 步

所以它以dd/MM/yyyy格式取值

这是我的模型类中出生日期字段的出现

[DisplayName("Date of Birth")]
[DataType(DataType.Date), DisplayFormat(DataFormatString = "{0:dd/MM/yyyy}", ApplyFormatInEditMode = true)]
public Nullable<System.DateTime> Date_of_Birth { get; set; }

这是我的视图文件中出生日期字段的外观

   <div class="form-group"> 
   <div class="editor-label">
        @Html.LabelFor(model => model.Date_of_Birth)
        @Html.Label("*", new { id="star" , @class = "requiredFiledCol" })
   </div>
   <div class="editor-field">
        @Html.TextBoxFor(model => model.Date_of_Birth, "{0:dd/MM/yyyy}", new { @class = "form-control datepicker", placeholder = "DD/MM/YYYY" , maxlength="100" })
        @Html.ValidationMessageFor(model => model.Date_of_Birth)
    </div>
    </div>

我想对出生字段的数据进行客户端验证。 输入字段不在此范围内时显示错误消息100>Age>18

我应该采取什么方法？

Answer 1

既然您已经在使用数据注释，为什么不自己做。 做这个：

在您使用的 dll 中创建一个类或创建一个新的类，并至少向其中添加以下代码

public class MinimumAgeAttribute: ValidationAttribute
{
    int _minimumAge;

    public MinimumAgeAttribute(int minimumAge)
    {
      _minimumAge = minimumAge;
    }

    public override bool IsValid(object value)
    {
        DateTime date;
        if (DateTime.TryParse(value.ToString(),out date))
        {
            return date.AddYears(_minimumAge) < DateTime.Now;
        }

        return false;
    }
}

然后在您的视图模型中执行以下操作：

[MinimumAge(18)]
[DisplayName("Date of Birth")]
[DataType(DataType.Date), DisplayFormat(DataFormatString = "{0:dd/MM/yyyy}", ApplyFormatInEditMode = true)]
public Nullable<System.DateTime> Date_of_Birth { get; set; }

或者您的网页，您将没有问题，因为您使用的框架会选择它。 如果不更改类中的 ErrorMessage 属性，您将得到类似

字段“{0}”无效。

{0} 将替换为您在模型中为该属性指定的属性名称或显示名称属性。

希望对你有效。

Walter ps：确保您在控制器中执行

if (ModelState.IsValid)
{
 ....
}

Answer 2

我已经改进了 Walter 关于制作自己的自定义验证的答案。 我添加了更好的错误消息支持。 这将允许更好的默认错误消息，并且还允许您使用更好的 string.Format 支持输入自己的错误消息。 我还更新了命名方案。 例如，您应该在开头添加日期，以便您和其他开发人员知道此验证只能与 DateTime 变量一起使用，类似于为字符串命名基本 StringLengthAttribute 的方式。

public class DateMinimumAgeAttribute : ValidationAttribute
{
    public DateMinimumAgeAttribute(int minimumAge)
    {
        MinimumAge = minimumAge;
        ErrorMessage = "{0} must be someone at least {1} years of age";
    }

    public override bool IsValid(object value)
    {
        DateTime date;
        if ((value != null && DateTime.TryParse(value.ToString(), out date)))
        {
            return date.AddYears(MinimumAge) < DateTime.Now;
        }

        return false;
    }

    public override string FormatErrorMessage(string name)
    {
        return string.Format(ErrorMessageString, name, MinimumAge);
    }

    public int MinimumAge { get; }
}


[DateMinimumAge(18, ErrorMessage="{0} must be someone at least {1} years of age")]
[DisplayName("Date of Birth")]
[DataType(DataType.Date), DisplayFormat(DataFormatString = "{0:dd/MM/yyyy}", ApplyFormatInEditMode = true)]
public Nullable<System.DateTime> Date_of_Birth { get; set; }

Answer 3

一条评论询问 TroySteven 是否有办法允许 null

public override bool IsValid(object value)
{
    DateTime date;
    if (value == null)  //you can just add this condition
    {
        return true;
    }
    if ((value != null && DateTime.TryParse(value, out date)))
    {
        return date.AddYears(MinimumAge) < DateTime.Now;
    }

    return false;
}

Answer 4

为@Html.ValidationMessageFor 和@Html.TextBoxFor 创建一个id，然后使用javascript 对其进行验证。 在您看来，请执行以下操作：

@section scripts{
    <script>
      $(function () {
         if (document.getElementById("yourTextBoxID").value < 18){
             document.getElementById("yourValidationMessageID").value = "Can't be less than 18 years old :("
            }
       });
    </script>
}