I have a dialog that's called (Zebra Dialog) successfully. The dialog displays a calendar and dropdown box. Clicking a calendar date initiates an AJAX call to populate the dialog with the second web page. The second web page contains a drop down box and text boxes plus a link that returns the user back to the first page, plus a continue/ add to cart button.
A few parts of the process aren't working and I need you to fix these issues. Specifically:
- jsValidate the text boxes. Utilise tooltipster to display errors alongside the text boxes that do not validate as 'required', 'alpha characters')
- when clicking the link, the user is returned to the first page, however it only works once. Fix this so that the user can return to the first page as much as needed.
- after closing the dialog of the first time, the<span> that is used to open the dialog no longer functions.
Note tooltipster can be replaced with an alternative if required.
The solution uses Zebra Dialog, Tooltipster, jsValidate, JQuery, JQuery UI