ASP.net MVC dateFormat Validation issue, Client side Validation

Question

I want to get French date format dd/mm/yyyy working with my client side validation. I tried to use DataAnnotation like this :

[DisplayFormat(DataFormatString = "{0:dd/MM/yyyy}", ApplyFormatInEditMode = true)]
    public Nullable<System.DateTime> DATE_NAISSANCE { get; set; }

But I'm geting always same problem Invalide Date Format if i put for example 15/09/2015, 30/12/2018... How to fix it ?

Is the issue resolved if you change the type to DateTime instead of DateTime?? I.e. not nullable? Just a thought. — Rowan Freeman
– Rowan Freeman, Commented May 8, 2014 at 1:49
what I have to change ? nullable because I'm using EF dataBase first with oracle . — Chlebta
– Chlebta, Commented May 8, 2014 at 9:36

Community · Accepted Answer · 2017-05-23 12:31:52Z

3

If you are using jQuery unobtrusive validation for the client side validation you could add a validator method, something like this:

$.validator.addMethod("date", function (value, element) {
    var bits = value.match(/([0-9]+)/gi), str;
    if (!bits)
        return this.optional(element) || false;
    str = bits[1] + '/' + bits[0] + '/' + bits[2];
    return this.optional(element) || !/Invalid|NaN/.test(new Date(str));
},
"Please enter a date in the format dd/mm/yyyy");

see this question:

Custom date format with jQuery validation plugin

edited May 23, 2017 at 12:31

CommunityBot

11 silver badge

answered May 8, 2014 at 10:53

Harmon

592 bronze badges

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

Comments

Uroš Goljat · Accepted Answer · 2014-05-08 12:42:27Z

I you are also using jQuery UI, you can also use approach bellow:

$.validator.addMethod('date',
                function (value, element, params) {
                    if (this.optional(element)) {
                        return true;
                    }

                    var ok = true;
                    try {
                        // first parameter is date format, change this as needed 
                        $.datepicker.parseDate('dd/mm/yyyy', value);
                    } catch (err) {
                        ok = false;
                    }
                    return ok;
                });

This sample uses jQuery UI's datepicker function parseDate to check if entered date is in correct format.

Hope this helps!

Uros

Collectives™ on Stack Overflow

ASP.net MVC dateFormat Validation issue, Client side Validation

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related