Asp.net MVC3 validation event call

Question

I have a page in asp.net MVC3 project. The page has 3 divs, each div have some input fields. These divs are accessed by tab navigation and there is next button in each div on clicking next button user is navigated to next tab by jquery. On last tab there is submit button which submits the data from all the div fields in one go.

Also all input field validations happens on this Submit button click. These validations are done using jquery.validate.js and validation attributes in model class.

Now the issue here is client wants all validations from each div should be displayed on Next button click of respective div, user should not be allowed to move to next tab until he clears all the validations.

My question here is how can I trigger validation event on next button click? The constraint here is Next button will not post data it just navigat es to next tab.

WooHoo · Accepted Answer · 2011-10-25 14:26:36Z

1

you could try hijacking the next button on each tab and indivdually validate the fields on the tab. If any of them fail then stop them from moving on.

    $('#tab1').click(function (e) {
      if (!$("#myform").validate().element("#specificField")){
        e.preventDefault();
      }
    });

edited Oct 25, 2011 at 14:26

answered Oct 24, 2011 at 16:22

WooHoo

1,96217 silver badges23 bronze badges

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

1 Comment

pramodtech Over a year ago

thanks WooHoo, since there is only one form and all divs are inside this one form final submit button is also not posting data to server. how to distinguish final submit button's post method to next buttons' post method?

Collectives™ on Stack Overflow

Asp.net MVC3 validation event call

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related