码迷,mamicode.com
首页 > Web开发 > 详细

Webform 服务器控件与客户端控件以及验证控件

时间:2015-07-17 00:27:17      阅读:117      评论:0      收藏:0      [点我收藏+]

标签:

Webform——服务器控件与客户端控件

Webform,即BS,浏览器应用。

关于服务器和客户端,在Webform 中, 服务器就相当于后台(也就是编辑C#代码的地方), 
客户端相当于前台(也就是Html页面)。

用法:

①如果想在服务器控件里调用客户端控件的js或Jquery函数,必须在服务器的控件中加上 
onClientClick属性;

<asp:Button ID="Button1" runat="server" OnClientClick="tanchu()" 
OnClick="Button1_Click" Text="Button" />
②如果客户端想调用服务器控件的点击事件的话,必须得在客户端的控件中加上 runat="server"以及onserverclick。 <input id="Button2" type="button" value="button" runat="server" onserverclick="Button1_Click" />
运行顺序,先运行JS或Jquery,后运行C#

  

 

验证控件一般是在注册的时候用到,是直接将JS代码封装到了控件里面,拉过来直接可以用,下面 
介绍一下主要用法:

1、CompareValidator:比较验证

常用属性:ControlToCompare 用来进行比较的控件的ID

ControlToValidate 要验证的控件的ID

       Display 验证程序的的显示方式 (Dynamic 动态的)

ErrorMessage 当验证的控件无效时在ValidationSummary中显示的消息

ValidationGroup 验证程序所属的组

Visible 是否可见

2、RangeValidator: 范围验证

 

常用属性:ControlToValidate 要验证的控件的ID

MaximumValue 范围最大值

      MinimumValue 范围最小值

      Display 验证程序的的显示方式 (Dynamic 动态的)

ErrorMessage 当验证的控件无效时在ValidationSummary中显示的消息

ValidationGroup 验证程序所属的组

Visible 是否可见

3、RegularExpressionValidator 正则表达式验证

 

常用属性:ControlToValidate 要验证的控件的ID

ValidationExpression 用于确定有效性的正则表达式

       Display 验证程序的的显示方式 (Dynamic 动态的)

ErrorMessage 当验证的控件无效时在ValidationSummary中显示的消息

ValidationGroup 验证程序所属的组

Visible 是否可见

4、RequiredFieldValidator 非空验证

常用属性:ControlToValidate 要验证的控件的ID

       Display 验证程序的的显示方式 (Dynamic 动态的)

ErrorMessage 当验证的控件无效时在ValidationSummary中显示的消息

ValidationGroup 验证程序所属的组

Visible 是否可见

5、ValidationSummary 错误信息汇总

 

常用属性: ValidationGroup 验证程序所属的组

Visible 是否可见

 

 

6、CustomValidator: 用户自定义验证

常用属性: ClientValidationFunction 客户端脚本验证功能

ControlToValidate 要验证的控件的ID

      Display 验证程序的的显示方式 (Dynamic 动态的)

ErrorMessage 当验证的控件无效时在ValidationSummary中显示的消息

ValidationGroup 验证程序所属的组

Visible 是否可见

  出处:http://www.cnblogs.com/lk-kk/p/4652444.html

 

Webform 服务器控件与客户端控件以及验证控件

标签:

原文地址:http://www.cnblogs.com/Mr-xue/p/4652809.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!