ASP.NET MVC 4 Client Side Validation Fails on Dates Containing Dots "."

Question

I'm building an ASP.NET MVC 4 website. I have a date field in one of my model classes which is formatted as "dd.mm.yyyy". In my edit or create views, if I try to enter a date like "05.12.1975", server side validation works without any problems but client side Jquery validation fails and says that "The field Birth Date must be a date." But if I change the value to "05/12/1975" both of the validations work. Problem is about "." character in date field. How can I allow "." in client side validation?

Thanks.

Date field in my C# Class file:

[DataType(DataType.Date)]
[DisplayFormat(DataFormatString = "{0:dd.MM.yyyy}", ApplyFormatInEditMode = true)]
[Display(Name = "Birth Date")]
public virtual DateTime BirthDate { get; set; }

Seany84 · Accepted Answer · 2014-02-17 01:41:17Z

2

When using client side validation for dates, you have to override the jQuery validation for date.

<script type="text/javascript">
    $(function () {
        $.validator.methods.date = function (value, element) {
            return this.optional(element) || Globalize.parseDate(value, "dd.MM.yyyy") !== null;
        }
    });
</script>

You have to reference the Globalize library and the appropriate culture in your HTML head. You can download it from https://github.com/jquery/globalize .

answered Feb 17, 2014 at 1:41

Seany84

5,5965 gold badges46 silver badges71 bronze badges

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

Collectives™ on Stack Overflow

ASP.NET MVC 4 Client Side Validation Fails on Dates Containing Dots "."

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related