How to get summary validation from multiple tabs in ASP.Net MVC?

Question

I have a multiple tabs in a page and each tab (lets say Menu, Edit, Tools) has a couple of text field. Each field have Required Data Annotation. I have one Save Button to save all the fields from multiple tabs. Now my problem is when I am in Menu tab and without entering anything in the text box and click Save Button I got validation summary. If I move to other tab (Edit tab) without entering anything in the textbox in the File tab and I did the same thing in the Edit tab I got validation summary of the current tab (Edit tab) only but not the other one.

How can I get validation summary from all the tabs? OR Can we validate while moving from one tab to other? FYI, Each tab is <a href = "#tab-Menu">

you could use jquery validate and manually call the validate method in each form. jqueryvalidation.org/documentation — Thiago Custodio
– Thiago Custodio, Commented Aug 5, 2013 at 20:16
Thank you for your quick response. I have only one form where page has multiple tabs each tabs are action reference. — Lakhae
– Lakhae, Commented Aug 5, 2013 at 20:19
A little hard to tell without seeing the markup but you could place the validation summary outside the tabs. It is certainly possible to validate upon switching tabs. You may also have to tweak the validation plugin because I believe validation is skipped for hidden elements by default and I assume the inactive tabs are hidden. — asymptoticFault
– asymptoticFault, Commented Aug 5, 2013 at 20:53

Dima Stefantsov · Accepted Answer · 2014-01-19 07:04:47Z

1

Elements on your non-active tabs are most probably hidden. Bu default after version 1.9 jquery validation does not validate hidden elements (ignore: ":hidden"). You can see discussion here: https://github.com/jzaefferer/jquery-validation/issues/279

To enable validating even hidden elements, use this code:

// This will validate all tabs at once, not just current tab.
$.validator.setDefaults({
    ignore: ""
});

More info on what you can specify is here http://jqueryvalidation.org/validate/

answered Jan 19, 2014 at 7:04

Dima Stefantsov

9711 gold badge14 silver badges20 bronze badges

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

Collectives™ on Stack Overflow

How to get summary validation from multiple tabs in ASP.Net MVC?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related