Hi All,
I have been thinking how to display the validation messages into different sections of the form. I have an online quotation with single html form. I have put them into different section to ease the user enter the information based on the categories.
I have divided the form for example into the Customer Contact Details, Consultants Details, Customer Credit Card Details, Air Ticket Sections. Please note that the actual form is not as simple as this one. I want to do a jQuery validation on this form. The problem is I want to separate the validation messages base on its category. I do not want mix the validation messages into one. This will confuse the consultants, as this form is a fully dynamic form, and it can be consist for more than 100 fields for just only single quotation.
So, for Customer Contact Details, the validation messages will only notify the user anything that is associated with the Customer Contact Details. Anything that is not valid, the message will be displayed next to the associated field. Same thing for Consultant Details and Customer Credit Card Details.
However, it is different with Air Ticket Sections, where bunch of information are placed in a table. With the table format, the validation messages cannot be displayed next to the field. So, I am thinking to use jQuery errorLableContainer to display the messages.
At this point of time, I only can think to use different html form. However, I do not want to do this. I want to keep it with single html form. Or, I can use jQuery groups, where I haven't done the testing to use jQuery groups.
Anyone has any better idea to solve this validation messages? Any thought would be appreciated. I am sure, someone out there are also having the same issues.
Thank you.