ASP.NET MVC 4 avoid generation of data-val-date for datetime

Question

how can I avoid the generation of the html attribute "data-val-date" for the element created from a Datetime property?

The model:

public class RegisterModel
{
    [Required]
    [Display(Name = "Date of birth")]
    public DateTime? DateOfBirth { get; set; }
}

The view:

@Html.LabelFor(m => m.DateOfBirth)
@Html.EditorFor(m => m.DateOfBirth)

In fact, I'm creating a three drop down lists element for selecting the date of birth, which don't give a value in a date format. Some solutions I've seen, consisted in a work around: removing the validation with a javascript. The solution I envisage is to split the DateTime property into three long one for each value (day, month, year).

Ciprian Teiosanu · Accepted Answer · 2013-10-31 11:07:43Z

16

Ok, this took me an afternoon of work... apparently mvc4 decided that it was time to render a data-val-date="Message" on EVERY datetime property on the viewmodel. I've tried to modify this default behaviour but didn't succeed.

This solved my problems:

$.validator.addMethod('date',
    function (value, element) {
        return true; // since MVC4 data-val-date is put on EVERY vm date property. Default implementation does not allow for multiple cultures...
    });

You can also try to write your own editor template named "DateTime.cshtml" in your shared EditorFor folder, but don't use TextBoxFor there, because that one is polluted as well.

edited Oct 31, 2013 at 11:07

Ciprian Teiosanu

1,62318 silver badges19 bronze badges

answered Dec 27, 2012 at 15:30

nicojs

2,1352 gold badges21 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Tony Wall Over a year ago

I prefer this solution because it only disables the cause of the problem. Client side validation provides a better user experience and reduces post-backs to your server, so disabling the whole thing should be avoided.

user2695433 Over a year ago

still useful +1ed

Erik Funkenbusch · Accepted Answer · 2012-09-26 17:58:35Z

0

data-val-date is used by the validation system to validate the date. If you remove it, client-side validation won't work.

If that's what you want, then just disable client-side validation.

answered Sep 26, 2012 at 17:58

Erik Funkenbusch

93.7k29 gold badges201 silver badges292 bronze badges

4 Comments

bado Over a year ago

Okay thanks for your quick answer. Disabling the client-side validation will have effect on every elements? In my side, I opt for a new object containing my three values and replacing the datetime.

Erik Funkenbusch Over a year ago

@bado - i'm sorry, I don't understand what you mean.

bado Over a year ago

I have to precise, I just begin in web technos. I meant if I disable client-side validation, all the data-val (of all elements on the form) will have no effect?

Erik Funkenbusch Over a year ago

@bado - if you turn off client-side validation then it will no longer generate any of the data-val attributes.

vikingben · Accepted Answer · 2014-03-27 19:49:51Z

0

Add this to your application start in your global.asax file and the form should fire.

DataAnnotationsModelValidatorProvider.AddImplicitRequiredAttributeForValueTypes = false;

answered Mar 27, 2014 at 19:49

vikingben

1,6522 gold badges24 silver badges37 bronze badges

Collectives™ on Stack Overflow

ASP.NET MVC 4 avoid generation of data-val-date for datetime

3 Answers 3

2 Comments

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related