控件(六)——验证控件

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

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

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>

 

直接点击提交,效果演示:

 

其他控件的效果,大家自己尝试。

posted on 2012-05-21 00:25  刘正权的博客  阅读(458)  评论(0编辑  收藏  举报