Validate date in dd mm yyyy format using JQuery Validate

Question

I am taking input of date of birth and date of death  Validation required    date of death should be more than date of birth Date format to be dd mm yyyy Dates to be less than or equal to today    Validate doesn t work as expected and can t figure out the problem  Please help   Fiddle code  JS libraries used    JQuery UI for Calendar Datepicker JQuery validate for form validation Additional methods for validation library  var today   new Date    var authorValidator       itemAuthorForm   validate   rules         dateOfBirth             required   false          date   true          dateITA   true          dateLessThan     expiredDate             expiredDate             required   false          date   true          dateITA   true          dateGreaterThan     dateOfBirth           onfocusout   function element        if    element  val                element  valid                var dateOptionsDOE     maxDate   today  dateFormat    dd mm yy   changeMonth   true  changeYear   true  onClose   function selectedDate            dateOfBirth   datepicker  option    maxDate   selectedDate        var dateOptionsDOB     maxDate   today  dateFormat    dd mm yy   changeMonth   true  changeYear   true  onClose   function selectedDate            expiredDate   datepicker  option    minDate   selectedDate          jQuery validator addMethod  dateGreaterThan   function value  element  params    if    params  val               return true   if    Invalid NaN  test new Date value          return new Date value   gt  new Date   params  val       return isNaN value   amp  amp  isNaN   params  val                Number value   gt  Number   params  val                  Must be greater than  0              jQuery validator addMethod  dateLessThan           function value  element  params    if    params  val               return true   if    Invalid NaN  test new Date value          return new Date value   lt  new Date   params  val        return isNaN value   amp  amp  isNaN   params  val                Number value   lt  Number   params  val                  Must be less than  0                  expiredDate   datepicker        extend       datepicker regional  en-GB    dateOptionsDOE                dateOfBirth   datepicker        extend       datepicker regional  en-GB    dateOptionsDOB

User · Answer

I encountered a similar problem in my project. After struggling a lot, I found this solution:

if ($.datepicker.parseDate("dd/mm/yy","17/06/2015") > $.datepicker.parseDate("dd/mm/yy","20/06/2015"))
    // do something

You DO NOT NEED plugins like jQuery Validate or Moment.js for this issue. Hope this solution helps.

User · Answer

This validates dd mm yyy dates   Edit your jquery validate js and add these   Reference Regex   Regex to validate date format dd mm yyyy  dateBR  function  value  element         return this optional element             31    -       0  13578  1 02    1       29 30     -       0  1 3-9  1 0-2   2        1 6-9   2-9  d   d 2        29    -    0 2 3         1 6-9   2-9  d     0 48   2468  048   13579  26         16  2468  048   3579  26  00          0  1-9  1 d 2 0-8      -          0  1-9      1 0-2    4      1 6-9   2-9  d   d 2     test value      messages        dateBR   Invalid date      classRuleSettings        dateBR   dateBR  true      Usage        myForm    validate       rules            field                dateBR  true

User · Answer

This will also checks in leap year  This is pure regex  so it s faster than any lib  also faster than moment js   But if you gonna use a lot of dates in ur code  I do recommend to use moment js  var dateRegex         d       31       0  2469  11      30 29     0 2  29    0 2          1 6-9   2-9  d     0 48   2468  048   13579  26         16  2468  048   3579  26  00       x20        2 0-8  1 d 0  1-9     -        1 012  0  1-9   1   1 6-9   2-9  d   d d       x20 d  x20        0  1-9  1 012     0-5  d  0 2   x20 AP M     01  d 2 0-3     0-5  d  1 2        console log dateRegex test  21 01 1986         http   regexper com

User · Answer

This works fine for me     document  ready function                 btn move   click  function               var dateformat      0  1-9   12  0-9  3 01      -  0  1-9  1 012      -  d 4                var Val date     txt date   val                   if Val date match dateformat                  var seperator1   Val date split                     var seperator2   Val date split  -                   if  seperator1 length gt 1                                    var splitdate   Val date split                                     else if  seperator2 length gt 1                                    var splitdate   Val date split  -                                  var dd   parseInt splitdate 0                  var mm    parseInt splitdate 1                  var yy   parseInt splitdate 2                  var ListofDays    31 28 31 30 31 30 31 31 30 31 30 31                 if  mm  1    mm gt 2                                    if  dd gt ListofDays mm-1                                             alert  Invalid date format                           return false                                                    if  mm  2                                    var lyear   false                    if      yy   4   amp  amp  yy   100       yy   400                                             lyear   true                                        if   lyear  false   amp  amp   dd gt  29                                             alert  Invalid date format                           return false                                        if   lyear  true   amp  amp   dd gt 29                                             alert  Invalid date format                           return false                                                            else                           alert  Invalid date format                    return false

User · Answer

You don t need the date validator  It doesn t support dd mm yyyy format  and that s why you are getting  Please enter a valid date  message for input like 13 01 2014  You already have the dateITA validator  which uses dd mm yyyy format as you need   Just like the date validator  your code for dateGreaterThan and dateLessThan calls new Date for input string and has the same issue parsing dates  You can use a function like this to parse the date   function parseDMY value        var date   value split           var d   parseInt date 0   10           m   parseInt date 1   10           y   parseInt date 2   10       return new Date y  m - 1  d

User · Answer

If you use the moment js library it can easily be done like this -  jQuery validator addMethod  validDate   function value  element            return this optional element     moment value  DD MM YYYY   isValid            Please enter a valid date in the format DD MM YYYY

[javascript] Validate date in dd/mm/yyyy format using JQuery Validate

Examples related to javascript

Examples related to jquery

Examples related to validation

Examples related to date

Examples related to datetime