1

I have JQuery tabs in my view. Each tab contain a partial view. Some of them contain ajax forms with client-side validation. The problem is that validation works only when the tab is seleced at first time. If I select another tab and then select previous tab then client-side validation does not work. Maybe all necessary scripts are not being loaded at the second time? Or something else? Please, help me.
I apologize for the lack of code. I did not post any code just because I have a whole bunch of JQuery UI wrappers and helpers in my project so it will be hard to understand how things are done. All those classes seem to work fine, except this bug I found. If something in this question is not clear then I will try to post some code and markup.

Thanks in advance for your answers.

Improve this question

2 Answers 2

Reset to default
3

You may find the following blog post useful. Basically the problem comes from the fact that dynamically added elements to the DOM need to be registered with client validation. This could be achieved using the Sys.Mvc.FormContext._Application_Load() method which could be invoked immediately after you inject the contents for the new tab after the AJAX call succeeds.

Improve this answer
Sign up to request clarification or add additional context in comments.

1 Comment

Thanks to you! Now it seems to work. Great answer and explanation.
1

You can also use jQuery validation plugin. Please go with below help documents:

http://docs.jquery.com/Plugins/validation

Manual validation gives lots flexibilities but it might take little bit more time.

Improve this answer

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.