AJAX / ASP.Net / C# : Show next content only after validation?

Question

I currently have an ASP.Net Web Form that looks like this: enter image description here

Each section of this web form is wrapped in its own div so that they could be shown or hidden by changing the CSS display: property to none. My intention is to show each section one at a time, starting with the first one. When the user clicks "Next" the currently visible section will be hidden and the next section will be displayed in its place.

Many of the fields have ASP.Net validation controls attached to them (the "Zip Code" validation error message is displayed in this image as an example).

These validation controls have the runat=server

The whole Web Form is being loaded into a parent div dynamically through AJAX. Each Next button is not of type submit (they are of <input type= "button">).

How can I ensure that all fields in a given section are validated before allowing the user to hit "Next" ?

I am pretty stuck on this so some assistance would be really appreciated!

score 1 · Accepted Answer · edited May 23 '17 at 10:30

1

One option is each DIV you can have Next button and also you can use one ValidationGroup for button and the controls need to be validated inside div. if you set validation group it will validated only same group controls before post back.

Or you can have one Next button and change validation group of that button by using client side script or code behind when click on next button.

changing validation group of button with javascript on client side

edited May 23 '17 at 10:30

Community

1
1

answered Jun 06 '12 at 04:50

Damith

62,401
13
102
153

The problem is that I cannot call `submit` since the page is dynamically placed in a parent div with AJAX. – Mike Furlender Jun 06 '12 at 05:50

AJAX / ASP.Net / C# : Show next content only after validation?

1 Answers1