jQuery validation does not float into a bootstrap modal

Hello, I would like to know if jQuery validation work into a form that is triggering inside of bootstrap modal div. In my test I created a form and I validated the input that works well but, I want to use it with a bootstrap modal div and the spry message float behind the form. So want to know if there something to do with this ?

It is probably just a matter of updating the z-index if it floats behind. I'm not sure if it works out of the box but both the jquery and spry should be able to be updated to work by just adjusting the css to make them show on top.

Yes, I was thinking in modify the css but I wasn't sure how to do it. Thank you Ray for your idea. I appreciate that.

If you post a url where I can see the issue I might be able to suggest the css to update.

Okay, I will post the URL when I go back home. So I let you. Thank you again

Here is the URL

http://tunes.us.tempcloudsite.com/adminknob/test

then click update button, in the dialog submit "save change". Then you can cancel it and you will see the message under the form.

Update the error css file Default.css on line 53 and add a z-index to the .Default-wrapper class. Just make it a very high number so it always shows on top like:

z-index: 999999;

Thank you Ray very much. That is wonderful. I appreciate it.