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

Question

我有注册表，其中包含出生日期字段。

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

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

第一步

第二步

第三步

所以它以 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} 被您在模型中提供的属性名称或显示名称属性替换。

希望它对你有用。

沃尔特 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>
}