Validate Date In Mvc

Question

ich eine Eigenschaft ExpiredDate haben definieren in MVC

[Required] 
     [DisplayFormat(DataFormatString = "{0:MM/dd/yyyy}")] 
     public DateTime? ExpirationDate { get; set; } 

ich überprüfen möchten, ob das Datum auf einer Seite ist nicht in der richtigen Format. Das Format des Datums, das ich verwende, ist MM/dd/yyyy.

Answer 1

Sie sollten das DataType Attribut mit DataType.Date umfassen. Diese können beide im Namespace System.ComponentModel.DataAnnotations gefunden werden.

[Required] 
[DataType(DataType.Date)] 
[DisplayFormat(DataFormatString = "{0:MM/dd/yyyy}")] 
public DateTime? ExpirationDate { get; set; } 

This answer enthält auch einige weitere Attribute.

aktualisiert Anweisungen sind clientseitige Validierung in ASP.NET MVC4

Um die clientseitige Validierung zu ermöglichen, Sie dies zu aktivieren müssen:

1. die jquery.validation Plugin hinzufügen in die Fußzeile

   <%: Scripts.Render("~/Scripts/jquery.validate.min.js") %> 
   <%: Scripts.Render("~/Scripts/jquery.validate.unobtrusive.min.js") %> 
   

2. Fügen Sie diese

   web.config

   <appSettings> 
       <add key="ClientValidationEnabled" value="true" /> 
       <add key="UnobtrusiveJavaScriptEnabled" value="true" /> 
   </appSettings> 
   

3. verwenden CSS, wenn @ Html.ValidationMessageFor() verwendet, so dass es initally und Displays über die JavaScript-Validierung versteckt

   <style type="text/css"> 
   
   /* styles for validation helpers */ 
   .field-validation-error { 
       color: #e80c20; 
       font-weight: bold; 
   } 
   
   .field-validation-valid { 
       display: none; 
   } 
   
   input.input-validation-error { 
       border: 1px solid #e80c20; 
   } 
   
   input[type="checkbox"].input-validation-error { 
       border: 0 none; 
   } 
   
   .validation-summary-errors { 
       color: #e80c20; 
       font-weight: bold; 
       font-size: 1.1em; 
   } 
   
   .validation-summary-valid { 
       display: none; 
   } 
   
   </style> 
   

Answer 2

können Sie verwenden Validierung wie:

[Required] 
     [DisplayFormat(DataFormatString = "{0:d}")] 
     public DateTime? ExpirationDate { get; set; } 

ich denke, es wird funktionieren

Answer 3

Angepasste Validierung Datumsformat manuell gelöst werden müssen.

Client-Validierungsprobleme können aufgrund von MVC Fehler auftreten (auch in MVC 5) in jquery.validate.unobtrusive.min.js die nicht Datum/datetime-Format in irgendeiner Weise akzeptieren. Es wird weder von Datepickern noch von Browsern verursacht. Leider müssen Sie es manuell lösen.

Meine endlich Arbeitslösung:

Sie müssen gehören vor:

@Scripts.Render("~/Scripts/jquery-3.1.1.js") 
@Scripts.Render("~/Scripts/jquery.validate.min.js") 
@Scripts.Render("~/Scripts/jquery.validate.unobtrusive.min.js") 
@Scripts.Render("~/Scripts/moment.js") 

Sie Moment installieren können.js verwenden:

Install-Package Moment.js 

Und dann kann man endlich fix für das Datumsformat-Parser hinzufügen:

$(function() { 
    $.validator.methods.date = function (value, element) { 
     return this.optional(element) || moment(value, "DD.MM.YYYY", true).isValid(); 
    } 
});