Compare Dates using validate.js

Question

in jquery i try to validate my page.I have to filds txtStartDate and txtEndDate.i want to validate start date is lower than end date.How this condition append in given code.Bcz txtPageName and txtTitle is already validate.Thanks.

                 var v = $("#form1").validate({
                    ignore: ':hidden',
                    rules: {
                        : { required: true },
                        txtTitle: { required: true }


                    },
                    messages: {
                        txtPageName: "<br/>Please enter a Page Name",
                        txtTitle: "<br/>Please enter a Title"
                    }
                });

@SKS thanks for link.But as above link i try and got a error in console jQuery.validate is undefined.Any way thanks for a link. — 4b0
– 4b0, Commented Dec 30, 2011 at 5:33

robertina · Accepted Answer · 2019-01-21 00:56:12Z

3

You can need a custom rule for doing this. See the below code: isAfterStartDate checks is start date if less than end date and returns a boolean. This is used by the custom validation rule to validate the txtEndDate.

var isAfterStartDate = function(startDateStr, endDateStr) {
            var inDate = new Date(startDateStr),
                eDate = new Date(endDateStr);

            if(inDate < eDate) {
                return false;
            }

        };
jQuery.validator.addMethod("isAfterStartDate", function(value, element) {

        return isAfterStartDate($('#txtStartDate').val(), value);
    }, "End date should be after start date");

 var v = $("#form1").validate({
                ignore: ':hidden',
                rules: {
                    txtPageName: { required: true },
                    txtTitle: { required: true },
                    txtStartDate : {required: true}
                    txtEndDate: {
                                  required: true,
                                  isAfterStartDate: true
                                 }


                },
                messages: {
                    txtPageName: "<br/>Please enter a Page Name",
                    txtTitle: "<br/>Please enter a Title"
                }
            });

This works assuming the date is format "dd/mm/yyyy".

edited Jan 21, 2019 at 0:56

robertina

6412 bronze badges

answered Dec 30, 2011 at 5:33

Sandeep

81910 silver badges16 bronze badges

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

3 Comments

4b0 Over a year ago

Thanks a lot.But i Got a error jQuery.validator is undefined.what is my mistake?

Sandeep Over a year ago

Just asking, have you included jQuery validation plugin in your page?

4b0 Over a year ago

Ya i include jQuery validation plugin.

Collectives™ on Stack Overflow

Compare Dates using validate.js

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related