Multi-Step Form with Upload

Multi-Step Form with Upload

A three-step registration form where step 2 requires document upload. Navigation between steps is controlled, and the form collects data across all steps. Uses Web Forms controls for form fields.

1. Personal Info
2. Documents
3. Review

Please upload your ID document:

Drag & drop files here, or paste from clipboard
All steps complete. Ready to submit!
<!-- Step 1: Web Forms controls -->
<asp:TextBox ID="txtName" runat="server" CssClass="form-control" />
<asp:TextBox ID="txtEmail" runat="server" TextMode="Email" />

<!-- Step 2: AjaxFileUpload -->
<au:AjaxFileUpload ID="Uploader1" runat="server"
    AutoUpload="true"
    ShowProgress="true"
    OnClientUploadComplete="onDocUploaded" />

<script>
function onDocUploaded(file) {
    document.getElementById('msNext2').disabled = false;
}
</script>

<!-- Step 3: Submit -->
<asp:Button ID="BtnSubmit" runat="server" Text="Submit" />