ASP.NET-WebForm(三)

ASP.NET控件

控件分类

HTML控件:纯正的HTML标签

HTML服务器控件:在HTML标签中添加一个runat="server"的属性

ASP.NET服务器控件:ASP.NET中提供的类似于Winform的控件

用户控件和自定义控件

HTML控件和ASP.NET服务器控件

HTML控件

  1. 运行在客户端

  2. 没有回传,不能用ViewState维持状态

  3. 浏览器完成事件处理需要使用(JavaScript)

  4. 如果需要访问后台C#,现在典型就是使用JQuery

ASP.NET服务器控件

  1. 运行在服务器端

  2. 能回传,能用ViewState维持状态

  3. 服务器完成事件处理(C#后台处理)

  4. 事件驱动模型编程(控件+事件)

常用服务器控件

Label控件

Label控件在页面上显示一个静态文本

属性:

  1. Text:标签上显示的文本

  2. ForeColor:文字颜色

  3. Visible:是否可见

缺点:会生成一个Span标签

Literal控件

属性:

  1. Text:标签上显示的文本

  2. ForeColor:文字颜色

  3. Visible:是否可见

特点:不会生成任何多余代码,因此在实际应用中如果时单纯显示文本,建议使用Literal而不是Label

TextBox控件

在页面上显示一个可编辑的文本框

属性:

  1. AutoPostBack:(True/False)是否自动提交(和TextChanged事件一起使用,很少使用)

  2. TextMode:

    1. SingleLine:只能单行输入

    2. MultLine:允许多行输入

    3. PassWord:密码输入方式

HiddenFiled控件

隐藏域控件:不占网页的位置,不显示内容,通过Value保存值

Button控件

Button控件在页面上显示一个按钮

属性:

  1. PostBackUrl:发送到的页面跨页提交时设置

  2. CommandName:按钮相关的命令名

  3. CausesValidation:是否激活验证

类型:

  1. Button:普通按钮

  2. LinkButton:超链接按钮

  3. ImageButton:图像按钮

共性:都是Submit类型

按钮的单击添加客户端脚本

<asp:Button ID="Button2" runat="server" Text="删除" OnClientClick="return confirm('确定删除吗?')" />

RadioButton控件

单选按钮

        
    <asp:RadioButton ID="RadioButton1" GroupName="sex" runat="server" Text="男"/>
            <asp:RadioButton ID="RadioButton2" GroupName="sex" runat="server" Text="女"/>

HyperLink控件

超链接控件

数据验证控件

在使用表单时要做表单验证,很多表单验证都是需要在前台完成,服务器也可以进行验证但是不推荐

数据验证方式

  1. 编写后台C#代码验证:页面回传,用户体验不好,服务器压力大

  2. 编写Javascript脚本进行验证:特效可以自定义,但是编写较为麻烦

  3. ASP.NET提供的验证控件:验证方便,简单;安全性较高

  4. JQuery验证插件:使用简单、方便,用户体验好。

非空验证控件

RequiredFieldValidator控件用于验证用户输入是否为空;常与其他控件一起使用

属性

  1. ControlToValidate:验证的控件ID

  2. ForeColor:错误提示文字的颜色

  3. ErrorMessage:错误的提示文本

比较验证控件

CompareValidator控件用于比较控件的值,例如两次密码需要输入一致

属性

  1. ControlToValidate:验证的控件ID

  2. ControlToCompare:要进行对比的控件

  3. Type:比较类型设置,不同类型的比较可能会出错

  4. Operator:比较运算符默认等于

范围验证控件

RangeValidator控件用于验证日期、数字等在一定范围内

属性:

  1. MaxmumValue:范围的上限

  2. MinmumValue:范围的下限

  3. Type:验证的类型(字符串、整数、浮点型、日期、货币)

正则表达式验证控件

RegularExpressionValidator控件应用正则表达式作为验证规则

属性:

  1. ValidationExpression:设置要匹配的正则表达式

自定义验证控件

CustomValidator控件可以创建自定义的验证

  1. 可以手写js脚本进行客户端验证,也可以编写服务器端的验证代码

  2. 或者联合两种方式验证,更安全

属性:

  1. ClientValidationFunction:用于客户端验证的函数

  2. ServerValidate:服务器端验证的事件方法

验证信息汇总控件

ValidationSummary控件

  1. 该控件并不对窗体输入进行验证,而是将验证错误汇总统一显示

  2. 显示的内容是其他控件的ErrorMessage

属性:

  1. ShowMessageBox:指示是否弹出提示信息

  2. ShowSummary:指示是否显示该报告内容,用于显示提示消息的时候

  3. 为避免多处提示验证错误信息,可以验证控件的Text属性为*

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值