1. 程式人生 > >ASP.NET中驗證控制元件的使用

ASP.NET中驗證控制元件的使用

目錄

1.RequireFiledValidation

 2.RangeValidation 

3.CompareValidator

 4.RegularExpressionValidator(正則表示式線上編輯器:http://tools.jb51.net/regex/create_reg)


 

屬性 描述
ControlToValidate 設定要驗證的控制元件。該 ID 必須引用與驗證控制元件相同的容器中的控制元件,該控制元件必須在同一頁或同一使用者控制元件中,或必須在模板化控制元件的同一模板中。 如不設定此屬性,會引會異常
Text 當驗證控制元件為空的時候,顯示的錯誤訊息。訊息可以設定文字也可以設定Html程式碼和js程式碼
InitialValue 設定驗證控制元件的預設值
ErrorMessage 提供給ValidationSummary控制元件,如果Text屬性為空,也會取ErrorMessage的值。
Display 用來決定如何顯示錯誤資訊。三個值:Static:沒有錯誤資訊的時候控制元件的visiblity樣式為hidden來實現隱藏;Dynamic:沒有錯誤資訊的時候控制元件的display樣式為none來實現隱藏。這兩者的區別是display:none和visiblity:hidden隱藏的區別是visiblity:hidden隱藏控制元件仍然會佔據空間,而display:none隱藏則不會佔空間。
SetFocusOnErro 當驗證不通過時,是否讓該控制元件獲得焦點
Page.IsValid 指示頁面驗證是否成功 

1.RequireFiledValidation

     顧名思義,就是驗證內容是否為空的驗證控制元件

<body>
    <form id="form1" runat="server">
        <div>使用者名稱:
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
                  ControlToValidate="TextBox1" ErrorMessage ="*  使用者名稱不能為空" ForeColor ="Red">
           </asp:RequiredFieldValidator>
        </div>
    </form>
</body>

屬性解析:

ErrorMessage:指定錯誤資訊 
ControlToValidate:指明要進行驗證的控制元件是哪一個,這裡填控制元件的ID即可 
ForeColor:設定顏色

 2.RangeValidation 

    <form id="form1" runat="server">
        <div>年齡:
            <asp:TextBox ID="TextBox2" runat="server" Text ="請輸入年齡:18-100" ForeColor ="Gray"  onFocus="this.value=''; " ></asp:TextBox>
            
            <asp:RangeValidator ID="RangeValidator2" runat="server" ErrorMessage="年齡不在範圍內" ControlToValidate="TextBox2" MaximumValue="100" MinimumValue="18" ForeColor="Red" Type="Integer"></asp:RangeValidator>
        </div>
    </form>
</body>

3.CompareValidator

<body>
    <form id="form1" runat="server">
        <div>
            密碼:<asp:TextBox ID="TextBox3" runat="server" TextMode="Password"></asp:TextBox><br/>
           密碼確認:
    <asp:TextBox ID="TextBox4" runat="server" TextMode="Password"></asp:TextBox>
    <asp:CompareValidator ID="CompareValidator1" runat="server" ErrorMessage="兩次密碼不一致" ControlToCompare="TextBox3" ControlToValidate="TextBox4" ForeColor="Red"></asp:CompareValidator>
    <br />
        </div>
    </form>
</body>

 4.RegularExpressionValidator(正則表示式線上編輯器:http://tools.jb51.net/regex/create_reg

<body>
    <form id="form1" runat="server">
        <div>
            郵箱:
<asp:TextBox ID="TextBox5" runat="server"></asp:TextBox>
<asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ErrorMessage="郵箱格式不一致" ControlToValidate="TextBox5" ForeColor="Red" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
<br />

        </div>
    </form>
</body>