MVC模型验证失败 - 日期必须是有效日期

我正在生产环境中工作。问题是DOB字段提供了mvc模型验证，并且在视图中使用了jquery.validate.unobtrusive.js来验证表单。MVC模型验证失败 - 日期必须是有效日期

日期选择器用于选择日期，当我提交表单时，ModelState.IsValid失败。

代码如下所示。这适用于Chrome，但不适用于其他浏览器。

在我的模型：

[Required(ErrorMessage = "Please enter DOB")] 
[DataType(DataType.Date)] 
[DisplayFormat(DataFormatString = "{0:MM/dd/yyyy}", ApplyFormatInEditMode = true)] 
public Nullable<System.DateTime> DOB { get; set; }

这是我的看法：

<div class="col-md-6"> 
    <div class="col-xs-12"> 
     <label>DATE OF BIRTH<p>*</p></label> 
    </div> 
    <div class="col-xs-12"> 
     <div class="form-group"> 
      <div class="input-group" id="datetimepicker2"> 
       @Html.TextBoxFor(d => d.DOB, new { @class = "form-control input-validation-error" }) 
       <span class="input-group-addon"><span class="icon-small-calendar"></span></span> 
       </div> 
      @Html.ValidationMessageFor(m => m.DOB) 
      </div> 
    </div> 
</div>

这是我的日期选择器：

$('#datetimepicker2').datetimepicker({ 
     format: 'MM/DD/YYYY',   
     maxDate: new Date() 
    });

在我的控制器：

if (ModelState.IsValid) 
    { 
     ///some action 
    }

在我的web.config：

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

有人能帮助我如何提前解决这个问题对于所有浏览器

感谢塔拉克

来源

2017-05-31 Tarak

的https： //tutorials.com/questions/28114874/html-displayfor-dateformat-mm-dd-yyyy它可以帮助 –

通常情况下，错误“日期必须是有效日期“是由JQuery验证框架生成的客户端（在浏览器中）。如果是这种情况，您需要重写用于验证的JavaScript方法。为了做到这一点，在客户端的JavaScript IIFE，您可以添加类似的东西：

if (!$.validator) { 
    return; 
} 

// Tell the validator that we want dates parsed using Globalize 
    $.validator.methods.date = function(value, element) { 
    // parse the value parameter into a Date datatype using your own logic or that of a framework like JQuery Globalize. In the example, I used JQuery Globalize 
    var parsedValue = Globalize.parseDate(value, $.validator.methods.dateGlobalizeOptions.dateParseFormat);. 
     return this.optional(element) || (parsedValue instanceof Date); 
    };

此外，您可能需要实现在服务器端自定义的DataBinder：

public class DateTimeModelBinder : DefaultModelBinder 
{ 
    public override object BindModel(ControllerContext controllerContext, ModelBindingContext bindingContext) 
    { 
     var value = bindingContext.ValueProvider.GetValue(bindingContext.ModelName).AttemptedValue; 

     object result = null; 
     if (value != null) 
     { 
      result = DateTime.ParseExact(value, "MM/DD/YYYY", CultureInfo.InvariantCulture, DateTimeStyles.None);     
     } 

     return result; 
    } 
} 
//and in global.asax.cs add 
ModelBinders.Binders.Add(typeof(Datetime), new Binders.DateTimeModelBinder());

来源

2017-05-31 10:19:52

@Tarak我按照建议编辑了global.asax.cs。谢谢你，对于错字感到抱歉！ –

MVC模型验证失败 - 日期必须是有效日期

回答

相关问题