Data of birth validation issue

[uttamjaiswal86]

Sir,
First of all thanks for your effort which have done by team.here i am facing a problem on date of birth validation my code is

Date of Birth (dd/mm/yyyy)

i think,bug occur when i select data from data-picker through of mouse.Once tab pass this input tag it make green.

kindly check??

[FDVS]

You'll most likely need to trigger .blur() on the input, since the date-picker will make you loose the focus when you need to click a date. That fires .blur() before the field is populated.

So on the date-picker onSelect handler, add a blur() trigger on the base input, or triggerHandler('blur') to revalidate after it's populated.

[emanwebdev]

@FDVS so, is that the solution or a temporary workaround?

thx

[greenjambi]

@emanwebdev
As @FDVS as correctly pointed out, the validator here does not know what the date picker does.
So yea, I believe its the solution and not a temporary workaround.

[greenjambi]

You probably would have to provide a bit more info for us to help you.

[uttamjaiswal86]

@greenjambi i am using this API for my form validation and Date Picker has been used here for date selection.so date is got selected here,But this validator should validate even on mouse selection of date.Means as @FDVS Said that validator will set onBlur that should inside of API.Or i have to use in my code.Let give details which i wrote in my process.The field is as <g:textField name="dob" data-validation="required" data-validation-format="dd/mm/yyyy" data-validation-error-msg="This information is required." id="dob" readonly="readonly"/>
JS is as $("#dob").datepicker({dateFormat: 'dd/mm/yy',
changeMonth : true,
changeYear : true,
yearRange: '1900:-18',
defaultDate : '-18y'
//yearRange : "1901:1996"
});
Both validator and Date picker are from CDN.

<script src="static/plugins/jquery-ui-1.10.3/jquery-ui/js/jquery-ui-1.10.3.custom.min.js" type="text/javascript" ></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.1.38/jquery.form-validator.min.js"></script> <script>$.validate({ modules:'date,security',});</script>

[greenjambi]

What date picker is it that you are using ?

[uttamjaiswal86]

@greenjambi jquery-ui-1.10.3.custom.min.js, jquery-ui-1.10.3.custom.css
These are grails plugin and i am developing this project in grails.

[greenjambi]

In that case you can make use of the 'onClose' event in the date picker

http://api.jqueryui.com/datepicker/#option-onClose

As an example

    $( "#datepicker" ).datepicker({
      onClose : function (datestring, obj) { 
         console.log('datecpicker closed');
      }
    });
  });

As this is has turned out to be a discussion about jquery date picker itself, I suggest its best to add further questions somewhere that is appropriate ?

[emanwebdev]

What date picker is it that you are using ?

@greenjambi Datepicker for Bootstrap bootstrap-datepicker.js and https://github.com/eternicode/bootstrap-datepicker

[victorjonsson]

You should be able to use data-validation-postpone="200" which will become available in next release. This postpones the validation taking place when input is blurred for 200 milliseconds. This is done automatically if your'e using suggestions or jQuery datepicker, but when you use some other datepicker you have to define the attribute yourself.

[victorjonsson]

This is fixed as of version 2.1.47 (by using data-validation-postpone), let me know if you have any problems