CalendarXP.net Support

[calendarxp]

If you allow user to key in date string directly, you may want to validate it instantly. One consistent way is to use the built-in fParseInput() function of the calendar engine to do the job:

1. create an onblur event handler on your <input> tag. e.g.

   Code:

   onblur="fValidate(this)".

   
   
2. create the fValidate() function as following:
   

   Code:

   <script> var invalidObj=true; function fValidate(textbox) {   var dt=gfPop.fParseInput(textbox.value);   if (dt==null) {      invalidObj=textbox;     alert("Invalid date format!");     setTimeout("invalidObj.focus()", 50);   } else      invalidObj=null; } </script>

   
   
3. hook the following onsubmit event trigger to your form tag:
   

   Code:

   <FORM name="demoform" onsubmit="return invalidObj==null;" ...>

   
   

[cgarvey]

This isn't a very robust solution. The onblur event is fired when another element is clicked, but that other element could be a submit button.

How could you call an external validation method once the dateField has been populated with the selected value?

[cgarvey]

Just had a look at the code and I think I could use the fAfterSelected function to call validation as well. What I need to know is the name of the handle to use for the input field so I do something like :

function fAfterSelected(y,m,d,e) {
if(dateFld.getAttribute('onChange')) eval(onChange);
}

I need to do this because although the onChange event is fired if the user enters a date manually, it isn't fired if the field is populated with calendarXP.

[calendarxp]

Well, you are right. Actually the title should be changed to "How to instantly validate the date keyed in by user?". And we just made some update to improve the situtation when submit button is pushed.

For your question, since the date format will always be valid when selected via the calendar, the only thing you may be interested is to do some post-processing, which we had it covered in the following FAQ:

http://calendarxp.net/forum/viewtopic.php?t=15

[calendarxp]

For your 2nd question about triggering "onchange" on the input tag, you can actually use the built-in reference gdCtrl. Please refer to the following FAQ for a detailed explanation:

http://calendarxp.net/forum/viewtopic.php?t=30

[cgarvey]

gah...need to wake up