几种验证控件的简单介绍

来源:互联网 发布:游戏书籍 知乎 编辑:程序博客网 时间:2024/05/20 04:09

       <%--验证数据是否为空或者是否改变,控件为: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>
原创粉丝点击