ASP簡單使用者登錄檔單
阿新 • • 發佈:2019-02-08
#index.aspx檔案內容 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="WebApplication1.index" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div> 使用者名稱 :<asp:TextBox ID = "name" runat = "server"></asp:TextBox> <asp:RequiredFieldValidator ID="aa" runat="server" ControlToValidate="name" ErrorMessage="使用者名稱不能為空!">*</asp:RequiredFieldValidator> <br /> 密 碼:<asp:TextBox ID = "pass1" runat = "server" TextMode="Password"></asp:TextBox> <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="pass1" ErrorMessage="密碼不能為空!">*</asp:RequiredFieldValidator> <br /> 確認密碼:<asp:TextBox ID = "pass2" runat = "server" TextMode="Password"></asp:TextBox> <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="pass2" ErrorMessage="密碼不能為空!">*</asp:RequiredFieldValidator> <asp:CompareValidator ID="cv" runat="server" ControlToValidate="pass2" ControlToCompare="pass1" ErrorMessage="兩次密碼輸入不一樣!">*</asp:CompareValidator> <br /> <asp:ValidationSummary ID="input" runat="server" /> <br /> <asp:Button ID="submit" runat="server" Text="提交" onclick="submit_Click" /> <br /> <asp:Label ID="put" runat="server" ></asp:Label> <br /> <asp:Image ID="qwe" runat="server" /> </div> </form> </body> </html>
按鈕點選響應事件檔案
#按鈕點選響應事件 using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; namespace WebApplication1 { public partial class index : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } protected void submit_Click(object sender, EventArgs e) { put.Text = "使用者名稱:" + name.Text + "<br />" + "密碼:" + pass1.Text; qwe.ImageUrl = "http://5b0988e595225.cdn.sohucs.com/images/20170725/4a52052e5d7f43fb82de44ba6270ff04.jpeg"; } } }
點選瀏覽器檢視:
驗證通過後顯示照片!