..


Enllaços patrocinats

Enviar un formulari en diversos passos

Article escrit per Luca Ruggiero

Sovint, quan s'envien dades a través d'un formulari, és preferible no presentar a l'usuari una forma molt temps per tal de no descoratjar a partir d'una compilació aparentment descoratjador: amb aquesta finalitat, per tant, és recomanable dividir la forma en diverses etapes que es presenten de manera seqüencial.

En general, l'ús associat - dins de cada bloc - les dades homogenis, per exemple, un pottrebbe formulari d'inscripció es divideix de la següent manera: nom d'usuari, contrasenya i correu electrònic en un bloc primer bloc, les dades personals a un altre bloc i així successivament.

. Gràcies a les funcions incorporades en NET Framework, ASP.NET és molt senzill en l'assoliment d'un sistema en què, en la mateixa pàgina, passarà el següent:

  1. es mostra un bloc de dades;
  2. verificar la compilació;
  3. si és correcta, ens amaguem a l'illa per passar a la següent.
I així successivament.

Arribem a un exemple pràctic, començant amb el codi HTML, construït a través dels controls de servidor. 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>



En el nostre exemple, cada pas es compon d'un sol camp i un botó d'enviament: tots els botons donar el següent pas, excepte l'últim que donarà lloc a materials de gestió de dades.

Prenem nota de que el principi i la fi s'utilitzen dos elements de text: el primer s'utilitza per indicar el nombre del pas actual, mentre que a la part inferior mostra els missatges d'error i confirmació de les transaccions.

Anem a VB.NET codi:






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







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



  



 Si Page.IsPostBack = False Then



    



 numero.Text = "Pas 1"



    



 due.Visible = false



    



 tre.Visible = false



    



 c2.Visible = false



    



 c3.Visible = false



  



 End If







 End Sub







 Pas 1 Sub privat (sender As Object, i As System.EventArgs)



  



 Si uno.Text = "" Then



    



 messaggio.Text = "Camp obligatori!"



    



 Exit Sub



  



 End If



  



 numero.Text = "Pas 2"



  



 uno.Visible = false



  



 due.Visible = true



  



 c1.Visible = false



  



 c2.Visible = true



  



 messaggio.Text = ""







 End Sub







 Pas 2 Sub privat (sender As Object, i As System.EventArgs)



  



 Si due.Text = "" Then



    



 messaggio.Text = "Camp obligatori!"



    



 Exit Sub



  



 End If



  



 numero.Text = "Pas 3"



  



 due.Visible = false



  



 tre.Visible = true



  



 c2.Visible = false



  



 c3.Visible = true



  



 messaggio.Text = ""







 End Sub







 Pas 3 Sub privat (sender As Object, i As System.EventArgs)



  



 Si tre.Text = "" Then



    



 messaggio.Text = "Camp obligatori!"



    



 Exit Sub



  



 End If



  



 numero.Text = "Resultat"



  



 tre.Visible = false



  



 c3.Visible = false



  



 End Sub







 </ Script>



En primer lloc, comprovar la càrrega de la pàgina PostBack cas per verificar que el contingut d'aquesta pàgina no està "distorsionat". Dins el missatge per mostrar que apareixerà com a títol de la primera etapa i amagar tots els elements dels següents passos.

A continuació, compilar les rutines que es produeixen en el camp actual, ocultant el pas anterior i la propera edició.

Només l'últim pas no es mostrarà, per descomptat, el següent pas, però durà a terme la gestió de dades: en el nostre exemple, només per mostrar les dades de vídeo.

Deixo al lector a fer el següent: a cada pas per crear la part del servidor de l'etiqueta i l'utilitzen per amagar tots els camps en un sol pas (per exemple, nom, cognoms, nom d'usuari, contrasenya, correu electrònic, pàgina web).

A la mateixa categoria ...
E-Learning
ASP (Advanced) ASP (Advanced)
Cicle complet per a la creació de llocs web dinàmics. A partir de 39 €.
ASP.NET (Curs) ASP.NET (Curs)
Curs complet per construir aplicacions web a partir de 49 €.
SQL i bases de dades (curs) SQL i bases de dades (curs)
Creació i gestió de bases de dades relacionals. A partir de 39 €.
Enllaços patrocinats