控件（六）——验证控件

最新推荐文章于 2021-08-03 10:04:46 发布

dengduiwei3903

最新推荐文章于 2021-08-03 10:04:46 发布

阅读量379

点赞数 1

文章标签： ui

原文链接：http://www.cnblogs.com/liu765023051/archive/2012/05/21/2813595.html

版权

验证控件对我们来说，还是比较重要的。虽然它并不高深，但是它确是我们经常用到的。

验证控件的应用涉及到的知识：

1、可以被定义外观；

2、验证程序的显示方式，可以是静态也可以是动态；

3、分组显示错误信息；

4、自定义服务端验证；

5、自定义客户端验证；

6、正则表达式。

下面我们来看个注册信息的例子，这里就不做过多介绍了，直接给出界面，一看便知：

RequiredFieldValidator控件：用户名、密码、确认密码的输入使用的该控件。那用户名来说，最主要的是设置该验证控件的ControlTovalidate属性为相应文本框的ID。其他完全类似。

CompareValidator控件：判断两次密码输入的是否相同。重要的是在将该控件的ControlToCopmare属性和ControlValidate属性分别设置为要验证的文本框的ID，对于其他一些功能，大家可以自己探索。

RegularExpressionValidator控件：该控件用于判断邮件地址是否正确输入。在ControlToValidate属性中输入要验证的控件ID（如下图），然后在ValidationExpression（用于确定有效性的正则表达式）属性中选择适当的类型，它会自动生成正则表达式（具体的正则表达，另附博文介绍）。

RangeValidator控件：验证输入的数字的范围是否符合要求。ControlToValidate属性中输入验证文本框的ID，在MaximumValue属性（所验证的控件的最大值）中输入200，MinimumValue属性（所验证控件的最小值）中输入100。

ValidationSummary控件：该控件就像是总结一样，提交后汇总下所有的错误。

CustomValidator控件：实现服务器和客户端的自定义验证。同样，需要在ControlToValidate属性中输入需要验证的文本框的ID。

后台代码:

    public partial class kongjian4 : System.Web.UI.Page
    {
        /// <summary>
        /// 验证控件 
        /// 1、他可以把被定义外观
        /// 2、验证程序的显示方式，是静态还是动态（注意第一个验证控件的两种）
        /// 3、分组显示错误信息
        /// 4、自定义服务端验证
        /// 5、自定义客户端验证
        /// 6、正则表达式
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        protected void txtvalue(object source, ServerValidateEventArgs args)
        {
            args.IsValid = (args.Value == "服务器");
        }

        protected void Button1_Click(object sender, EventArgs e)
        {
            if (IsValid)
            {
                Label1.Text = "恭喜你，全部通过！";
            }
            else
            {
                Label1.Text = "哈哈，有错误哦";
            }
        }
    }

这里，我们用到一个脚本：

<head runat="server">
    <title>无标题页</title>
    <script type="text/jscript">
        function clientv(s, e) {

            if (e.value == "客户端") {
                e.isValid = true;
            }
            else {
                e.isValid = false;
            }
        }
    </script>
</head>

直接点击提交，效果演示：