Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jquery validation not fires because of element is "hidden" #126

Closed
hardikvaishnav opened this issue Jul 15, 2013 · 1 comment
Closed

Jquery validation not fires because of element is "hidden" #126

hardikvaishnav opened this issue Jul 15, 2013 · 1 comment

Comments

@hardikvaishnav
Copy link

Hi

I have used jquery validation plugin for dropdown required. whenever i will use dropkick for dropdown then original dropdown html rendered with "display:none". because of jquery validation rules is that if element is hidden then validation will not work.
how can i solve this issue. please updated code as soon as possible.

Thanks,
Hardik

@acemir
Copy link
Contributor

acemir commented Aug 10, 2013

Hi! I have used dropkick, along with jQuery validation too! For validation to work we need to keep the original still element still ":visible" by not applying "display: none" to it. Around lines 150-170 we have the following code: setTimeout(function () { $select.hide(); }, 0); I believe we should remove these lines plugin, since the select is hidden with css. In CSS we have: .dk_fouc select { position: relative; top: -99999em; visibility: hidden; } What about? PS: I always remove these lines of javascript manually.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants