Stuur een formulier in meerdere stappen

Vaak, bij het ​​verzenden van gegevens via een formulier, het beter is niet aan de gebruiker presenteren met een zeer lange vorm, om niet te weerhouden een compilatie schijnbaar ontmoedigend: te dien einde, daarom is het raadzaam om uw formulier te verdelen in verschillende fasen worden gepresenteerd in de juiste volgorde.

Over het algemeen, met behulp van associate - binnen elk blok - de homogene gegevens, bijvoorbeeld een inschrijfformulier pottrebbe worden als volgt verdeeld: gebruikersnaam, wachtwoord en e-mail in een eerste blok blok, de persoonsgegevens aan een andere blok en ga zo maar door.

. Dankzij de ingebouwde functies NET Framework, ASP.NET is zeer eenvoudig in het bereiken van een dergelijk systeem waarbij binnen dezelfde pagina, de volgende zal gebeuren:

1. laten we een blok van gegevens;
2. controleren of de samenstelling;
3. indien correct, we verstoppen het blok om naar de volgende.

En ga zo maar door.

Wij komen tot een praktisch voorbeeld, te beginnen met de HTML-code, goed geconstrueerd door de server controleert NET.:

 <form runat="server">



  



 <p> <asp:literal id="numero" runat="server"/> </ p>



  



 <p> <asp:TextBox id="uno" runat="server"/> </ p>



  



 <p> <asp:Button runat="server" id="c1" text="Continua" onclick="Step1"/> </ p>



  



 <p> <asp:TextBox id="due" runat="server"/> </ p>



  



 <p> <asp:Button runat="server" id="c2" text="Continua" onclick="Step2"/> </ p>



  



 <p> <asp:TextBox id="tre" runat="server"/> </ p>



  



 <p> <asp:Button runat="server" id="c3" text="Conferma" onclick="Step3"/> </ p>



  



 <p> <asp:literal id="messaggio" runat="server"/> </ p>







 </ Form>

In ons voorbeeld, elke stap bestaat uit een veld en een submit knop: alle toetsen zal de volgende stap te nemen, behalve de laatste die zal leiden tot materiële data management.

We merken op dat het begin en einde hebben we gebruik van twee tekst-elementen: de eerste wordt gebruikt om het aantal van de huidige stap aan te geven, terwijl in de bodem geven de foutmeldingen en de bevestiging voor transacties.

Laat VB.NET code:

 <script runat="server" Language="VB">







 Private Sub Page_Load (sender As Object, e Als System.EventArgs)



  



 Als Page.IsPostBack = False Dan



    



 numero.Text = "Stap 1"



    



 due.Visible = False



    



 tre.Visible = False



    



 c2.Visible = False



    



 c3.Visible = False



  



 End If







 End Sub







 Private Sub Stap1 (sender As Object, e Als System.EventArgs)



  



 Als uno.Text = "" Then



    



 messaggio.Text = "Verplicht veld!"



    



 Exit Sub



  



 End If



  



 numero.Text = "Stap 2"



  



 uno.Visible = False



  



 due.Visible = True



  



 c1.Visible = False



  



 c2.Visible = True



  



 messaggio.Text = ""







 End Sub







 Private Sub Step2 (sender As Object, e Als System.EventArgs)



  



 Als due.Text = "" Then



    



 messaggio.Text = "Verplicht veld!"



    



 Exit Sub



  



 End If



  



 numero.Text = "Stap 3"



  



 due.Visible = False



  



 tre.Visible = True



  



 c2.Visible = False



  



 c3.Visible = True



  



 messaggio.Text = ""







 End Sub







 Private Sub Stap3 (sender As Object, e Als System.EventArgs)



  



 Als tre.Text = "" Then



    



 messaggio.Text = "Verplicht veld!"



    



 Exit Sub



  



 End If



  



 numero.Text = "Result"



  



 tre.Visible = False



  



 c3.Visible = False



  



 End Sub







 </ Script>

Eerst controleren we de pagina te laden evenement postback om te controleren of de inhoud van deze pagina niet is "vervalst". In het bericht om te laten zien om te verschijnen als de titel van de eerste stap en alle elementen van de volgende stappen te verbergen.

We dan stellen de routines die zich voordoen in het huidige veld, het verbergen van de vorige stap en de volgende show.

Alleen de laatste stap niet, tonen natuurlijk, een volgende stap, maar zal data management uit te voeren: in ons voorbeeld, alleen maar om de video blijkt.

Ik laat de lezer het volgende doen: voor elke stap naar de server kant van het label te maken en gebruik deze om alle velden in een enkele stap (bijv. naam, achternaam, gebruikersnaam, wachtwoord, e-mail, website) te verbergen.