ส่งแบบฟอร์มในหลายขั้นตอน

บ่อยครั้งเมื่อส่งข้อมูลผ่านฟอร์มจะดีกว่าไม่ได้ที่จะนำเสนอผู้ใช้ที่มีรูปแบบที่ยาวมาก ๆ เพื่อที่จะไม่กีดกันเขาจากการรวบรวมดูเหมือนยาวและซับซ้อนเพื่อการนี้จึงจะแนะนำให้แบ่งฟอร์มของคุณในหลายขั้นตอน ที่จะนำเสนอในลำดับที่

โดยทั่วไปคุณใช้เพื่อเชื่อมโยง -- ในแต่ละบล็อก -- ข้อมูลที่สอดคล้องกันเช่น pottrebbe แบบฟอร์มลงทะเบียนจะแบ่งออกเป็นดังนี้ : ชื่อผู้ใช้รหัสผ่านและอีเมล์ในบล็อกแรกของบล็อกข้อมูลส่วนบุคคลในบล็อกอื่นและอื่น ๆ

. ขอบคุณที่ฟังก์ชั่นในตัว NET Framework, ASP.NET เป็นง่ายมากในการบรรลุเป้าหมายดังกล่าวในระบบที่อยู่ภายในหน้าเดียวกันดังต่อไปนี้จะเกิดขึ้นที่ :

1. เราจะแสดงกลุ่มของข้อมูล;
2. เราตรวจสอบออก;
3. ถ้าถูกต้องเราซ่อนบล็อคเพื่อย้ายไปที่ถัดไป

และดังนั้นเมื่อ

เรามาเป็นตัวอย่างในทางปฏิบัติเริ่มต้นจาก HTML, สร้างอย่างถูกต้องผ่านการควบคุมเซิร์ฟเวอร์ 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>

ในตัวอย่างของเราในแต่ละขั้นตอนประกอบด้วยเขตข้อมูลเดียวและหนึ่ง submit ปุ่ม : ปุ่มทั้งหมดจะใช้เวลาในขั้นตอนต่อไป แต่วัสดุที่สุดท้ายที่จะนำไปสู่​​การจัดการข้อมูล

เราทราบว่าการเริ่มต้นและสิ้นสุดเราใช้สององค์ประกอบข้อความ : ครั้งแรกที่ถูกใช้เพื่อระบุจำนวนของขั้นตอนปัจจุบันในขณะที่ด้านล่างของหนึ่งจะแสดงข้อความผิดพลาดและการยืนยันสำหรับการทำธุรกรรม

VB.NET ให้รหัส :

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







 Private Sub Page_Load (ผู้ส่ง As Object, e As System.EventArgs)



  



 หาก Page.IsPostBack = เท็จแล้ว



    



 numero.Text ="ขั้นตอนที่ 1"



    



 due.Visible = False



    



 tre.Visible = False



    



 c2.Visible = False



    



 c3.Visible = False



  



 End If







 ย่อยสิ้นสุด







 Private Sub ขั้นที่ 1 (ผู้ส่ง As Object, e As System.EventArgs)



  



 หาก uno.Text =""จากนั้น



    



 messaggio.Text ="จำเป็น!"



    



 ย่อยออกจาก



  



 End If



  



 numero.Text ="ขั้นตอนที่ 2"



  



 uno.Visible = False



  



 due.Visible = True



  



 c1.Visible = False



  



 c2.Visible = True



  



 messaggio.Text =""







 ย่อยสิ้นสุด







 Private Sub ขั้นที่ 2 (ผู้ส่ง As Object, e As System.EventArgs)



  



 หาก due.Text =""จากนั้น



    



 messaggio.Text ="จำเป็น!"



    



 ย่อยออกจาก



  



 End If



  



 numero.Text ="3"ขั้นตอนที่



  



 due.Visible = False



  



 tre.Visible = True



  



 c2.Visible = False



  



 c3.Visible = True



  



 messaggio.Text =""







 ย่อยสิ้นสุด







 Private Sub Step3 (ผู้ส่ง As Object, e As System.EventArgs)



  



 หาก tre.Text =""จากนั้น



    



 messaggio.Text ="จำเป็น!"



    



 ย่อยออกจาก



  



 End If



  



 numero.Text ="ผล"



  



 tre.Visible = False



  



 c3.Visible = False



  



 ย่อยสิ้นสุด







 </ script>

ก่อนที่เหตุการณ์เกิดขึ้นในการโหลดหน้า PostBack เพื่อตรวจสอบว่าเนื้อหาของหน้านี้จะไม่"บิดเบือน" ภายในแสดงข้อความที่จะปรากฏเป็นชื่อเรื่องของขั้นตอนแรกและซ่อนองค์ประกอบทั้งหมดของขั้นตอนถัดไป

แล้วเรามีขั้นตอนที่ตรวจสอบเสร็จสิ้นการเขตข้อมูลปัจจุบันที่หลบซ่อนตัวอยู่ในขั้นตอนก่อนหน้านี้และจะแสดงต่อไป

เพียงขั้นตอนสุดท้ายจะไม่แสดงของหลักสูตรขั้นตอนต่อไป แต่จะดำเนินการจัดการข้อมูล : ในตัวอย่างของเราก็เพียง แต่แสดงข้อมูลวิดีโอ

ฉันปล่อยให้ผู้อ่านที่จะทำต่อไปนี้ในการสร้างสำหรับขั้นตอนของฝั่งเซิร์ฟเวอร์แต่ละป้ายชื่อและใช้เพื่อซ่อนเขตข้อมูลทั้งหมดที่อยู่ในขั้นตอนเดียว (เช่นชื่อ, นามสกุล, ชื่อผู้ใช้, รหัสผ่าน, อีเมล์, เว็บไซต์)