幾種驗證控件的簡單介紹


       <%--驗證數據是否爲空或者是否改變,控件爲:RequiredFieldValidator--%>

        <asp:TextBox ID="TextBox1" runat="server" Text="用戶名以字母或數字開頭"></asp:TextBox><asp:Label
            ID="Label1" runat="server" Text="Label"></asp:Label>
        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="請輸入正確的用戶名格式" Display="Dynamic" ControlToValidate="TextBox1" InitialValue="用戶名以字母或數字開頭" ></asp:RequiredFieldValidator>
        <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="用戶名不能爲空" Display="Dynamic" ControlToValidate="TextBox1"></asp:RequiredFieldValidator>
        <br />

       <%--驗證數據是否改變,控件爲:RequiredFieldValidator--%>

        <asp:DropDownList ID="DropDownList1" runat="server">
            <asp:ListItem>----請輸入----</asp:ListItem>
            <asp:ListItem>河北</asp:ListItem>
            <asp:ListItem>山東</asp:ListItem>
            <asp:ListItem>山西</asp:ListItem>
        </asp:DropDownList>
        <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" 
            ErrorMessage="請選擇一個省份" ControlToValidate="DropDownList1" InitialValue="----請輸入----"></asp:RequiredFieldValidator>
            <br />

       <%--驗證密碼是否一致,控件爲:CompareValidator--%>

        密碼:<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox><br />
        確認密碼:<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
        <asp:CompareValidator ID="CompareValidator1" runat="server" ErrorMessage="兩次密碼不一致" ControlToValidate="TextBox3" ControlToCompare="TextBox2"></asp:CompareValidator>
       <br />

        <%--驗證數據的類型以及範圍,控件爲:CompareValidator--%>

        年齡:<asp:TextBox ID="TextBox4" runat="server"></asp:TextBox><asp:CompareValidator
            ID="CompareValidator2" runat="server" ErrorMessage="年齡必須是數字" ControlToValidate="TextBox4" Operator="DataTypeCheck" Type="Integer"></asp:CompareValidator>
        <asp:CompareValidator ID="CompareValidator3" runat="server" ErrorMessage="必須大於等於18歲"  ControlToValidate="TextBox4" Operator="GreaterThanEqual" ValueToCompare="18"></asp:CompareValidator>

        <%--驗證數字的範圍,控件爲:RangeValidator--%>

        <asp:RangeValidator ID="RangeValidator1" runat="server" ErrorMessage="年齡範圍必須在18到25之間" ControlToValidate="TextBox4" MinimumValue="18" MaximumValue="25"></asp:RangeValidator>
        <br />

        <%--驗證數據的長度,控件爲:CustomValidator--這個控件是自定義的js代碼%>

        真實姓名:<asp:TextBox ID="TextBox5" runat="server"></asp:TextBox>
        <asp:CustomValidator ID="CustomValidator1" runat="server" ErrorMessage="用戶名必須介於8-16個字符之間" ControlToValidate="TextBox5" ClientValidationFunction =" CheckDataLength"></asp:CustomValidator>

        <br />

js代碼:

<script type="text/jscript">
    function CheckDataLength(source, arguments) 
    {
                if ((arguments.Value).length>6)
                    arguments.IsValid = true;
                else
                    arguments.IsValid = false;
    }   
</script>   

         <%--驗證正則表達式,控件爲:RegularExpressionValidator--%>

         E-mail<asp:TextBox ID="TextBox6" runat="server"></asp:TextBox>
        <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ErrorMessage="請輸入正確的E-mail格式" ControlToValidate="TextBox6" ValidationExpression="^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$"></asp:RegularExpressionValidator>
         
         <br /><asp:Button ID="Button1" runat="server" Text="完成" />

       最後這個控件是讓所有的驗證的錯誤信息以報告的形式呈現

       用法就是只需要在之前的驗證控件裏的Text的屬性設爲*,然後再加上下面這個控件。

 <asp:ValidationSummary ID="ValidationSummary1" runat="server" />

    </div>
    </form>
</body>
</html>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章