Clear validation message dynamically for the Datepicker

[Sam Saha]

I am using jquery validation on Datepicker. If we don’t enter any date or a future date I am getting the validation error message with the red background in the date field. Now if we enter a date and valid date in the date field and tab off the field and click once, the validation error message does not getting clear and the red background does not go away from the date field. I want to clear the message and clear the red background dynamically when we tab off the field and click once in jquery.

  				"form:Dob": {
					date: true,
					notFuture: true,
					required: function() { return $("#form\\:PersonName").val().trim().length > 0; }			
				}

				"form:Dob": {
					"required": "Date of Birth is required.",
					"date": "Date of Birth must be a valid date.",
					"notFuture": "Date of Birth must not be a future date."
				}
  

[Bear Bibeault]

Examine the classes that are placed on the field to make them look "in error". You may need to clear them yourself if the validation plugin is not playing nice with the datepicker plugin.

[Sam Saha]

I am using the datepicker in the field the following way:

  							                                                                                       <h:inputText id="Dob"
																					value=""
																					styleClass="inputText">
																				<hx:convertDateTime dateStyle="short" type="date" />
																				<f:converter converterId="CalendarConverter" />
																				<hx:inputHelperDatePicker id="datePicker2" />
																			</h:inputText>  

[Bear Bibeault]

Firstly, look at your post. Is that code formatted so that it's easy to read? You will receive faster and better help by taking the time to make your posted code well-formatted and well-indented.

Also, posting JSF markup (or any other server-side markup) in an HTML forum where most people likely don't know anything about JSF isn't the best strategy.

I hope that will help you get your question answered.