JQuery Validation

Hi, I just used bootstrap to make modal with a login form. The login form was made with the Create Security Assist Pages option. The form works well in the modal but the jquery validation appears in the back of the modal and you can only see it if you close the modal.

How can I make the jQuery validation window to appear in the modal window where the login form is?

It is probably a matter of adjusting the z-index in the CSS.... if you give me a url where I can reproduce the issue I can play with the CSS to tell you what to change and where.

Thank you Ray, the url is www.danielsebas.com/index1.php
The login form is triggered in Tinted Roses under Collections.

Update the class in the file: /webassist/jq_validation/Serene1.css

line 53 update the Serene1-wrapper class and add: z-index:99999

Thank you Ray it worked but it won't close if I close the modal window.

You will have to add code to close the message when the lightbox closes:

document.getElementById("Log_In_group_2_Password_waerror_errorMsg_wrapper").style.display = 'none';

The lightbox you use should have an onclose event.

Thank you Ray, I solve it like this for bootstrap 3 modal:

$("#myModal").on("hidden.bs.modal", function () {
    // put your default event here
	document.getElementById("Log_In_group_2_Password_waerror_errorMsg_wrapper").style.display = 'none';
});