向导控件的样式 当创建了一个向导控件时,系统会自动生成向导控件的 HTML 代码,示例代码如下所示。

Slides:



Advertisements
Similar presentations
口臭不苦惱 清新口氣大作戰 口臭不只破壞人際的互動,更是 身體發出的警訊,不能輕忽。 康健雜誌 89 期文. 梁煙純 攝影.邱瑞金.
Advertisements

醫學美學之我見ー肉毒桿菌 班級:應日三乙 姓名:蔡雅卉 學號: 497E0076. 前言 現在的人,已經把 整型看做是微不足 道的事情了。即使 只是戴牙套、局部 雷射、割雙眼皮、 打美白針、肉毒桿 菌等等,都可以在 身體上做不同的改 變,而讓自己更滿 意自己的外表。
魏 饴. 处级干部培训班讲座 一、卓越干部的德行素质  常修为政之德、常思贪欲之害、常怀律己之心!  孔老夫子有个观点 “ 为政以德,譬如北辰居其所而众星拱之。 ”  司马光《资治通鉴》 “ 才者,德之资也;德者,才之帅也。 ” “ 德 ” 胜 “ 才 ” 谓之 “ 君子 ” , “ 才 ”
一、真愛密碼 二、尋求真愛 三、有自尊的愛. 。如果雙方對愛情產生 質疑、困惑時,則表示 彼此之間的愛情關係仍 有 待加強或釐清,千萬別 急著為自己的人生大事 下決定。 我是一個 16 歲的未婚媽媽,發現自 己懷孕時,已經五個月大了,我知 道自己沒能力照顧孩子,在驚訝之 於,大人們只好坦然接受,幫我找.
大地遊戲王 課程實錄.
加強水銀體溫計稽查管制及回收 回收作業須知及緊急應變措施
第4章 分錄及日記簿 4-1 借貸法則 4-2 日記簿的格式及記錄方法 4-3 分錄的意義及記錄方法 4-4 常見分錄題型分析
Task #3 使用ASP.NET服务器控件创建页面.
讲故事训练 授课人:田轶.
第十一課 菜園 6-11.
第十三屆 Step.1 我們的目標 Step.2 我們的角色 Step.4 權利與義務 義務 權利 年繳會費五百元整
校本选修课 第三专题 西藏问题 北京师大二附中 李文燕.
财务管理.
——奧科特公開及內部培訓 系列課程(三)之十一
网站如何定制建设???.
第13章 FTP檔案上傳、 自動傳送 報告人 M9153314 李育旻.
植物保护 课程整体设计 汇报 申报省级精品资源共享课建设 植物保护课程组.
正修科技大學教學發展中心 教師教學觀摩與經驗分享 電子工程系 張法憲副教授.
《ASP.NET数据库网站设计教程(C#版)》
第6章 HTML控件和Web服务器控件 本章讲述的主要内容 6.1 ASP.NET控件概述 6.2 标准服务器端控件 6.3 数据验证控件
第6章 ASP.NET常用服务器控件 2017年3月22日.
经 络 学.
蘇軾詞的賞析
《计算机网络技术》 asp.net 程序设计 文本类控件 笪静.
柯奕宏(06) 王予亨(13) 郭秉逸(15) 楊雯凈(23) 顏佑瑩(32)
第十五章 传播学调查研究方法.
Ch03 VB.NET語法建立ASP.NET 網頁程式設計.
《ASP.NET数据库网站设计教程(C#版)》
自然與生活科技領域 認識太陽能 蘇紋琪、石明玉.
 全能的天才畫家- 李奧納多‧達文西 (西元1452年-1519年) 指導老師:袁淑芬老師 製作人:饒佩芯.
本科生医保资料的提交.
Chapter 5 進階伺服器控制項.
Ch07 表單欄位驗證控制項 網頁程式設計.
Ch11 檔案上傳及電子郵件 WEB程式設計.
ASP.NET 網頁製作教本 – 從基本語法學起
在 Web 应用中,导航是非常重要的。ASP
客戶端的檔案上傳 HtmlInputFile檔案控制項 上傳單一檔案 同時上傳多個檔案.
ASP.NET 網頁製作教本 – 從基本語法學起
統計圖表的製作.
ASP.NET 網頁製作教本 – 從基本語法學起
讲课人:王璞 浙江工商职业技术学院.
第14章 伺服器檔案、電子郵件處理與Ajax 14-1 資料夾與檔案操作 14-2 文字檔案的讀寫 14-3 電子郵件與附檔處理
第15章 豐富控制項.
form1 卡拉OK pictureBox1 fish1.bmp pictureBox2 fish2.bmp label1 卡拉OK字幕機
ASP.NET 網頁製作教本 – 從基本語法學起
快递单模板的制作.
第5章 .NET框架类 5.
FormView 控件只能显示数据库中一行的数据,并且提供对数据的分页操作,FormView 控件可以以 一种不规则的外观来将数据呈现给用户。FormView 控件同样支持模板,以方便开发人员自定义 FormView 控件的 UI,FormView 控件支持的模板如下所示: ItemTemplate:用于在.
2.3.1 文本框控件的属性 通常情况下,默认的文本控件(TextBox)是一个单行的文本框,用户只能在文本框中输入一行内容。通过修改该属性,则可以将文本框设置为多行/或者是以密码形式显示,文本框控件常用的控件属性 如下所示。 AutoPostBack:在文本修改以后,是否自动重传 Columns:文本框的宽度。
第4章 使用验证控件.
認識我的故鄉_台中市.
第3章 ASP.NET程序设计基础 3.
《结构力学认知实验》(授课形式)的上课时间改为: 5月5日(周二)晚上18:00~19:30和19:30~21:00,
《结构力学认知实验》(授课形式)的上课时间改为: 5月7日(周四)晚上18:30~20:00和20:00~21:30,
普通高速模板的制作与调整.
补充:c#语言基础.
C# 基本語法、變數.
1 Session对象的特性 Session 状态对象 Session 对象常用的方法有: Session 对象常用的属性有:
精忠报国  演唱:屠洪纲 作词:陈涛 作曲:张宏光  狼烟起 江山北望  龙起卷 马长嘶 剑气如霜  心似黄河水茫茫  二十年 纵横间 谁能相抗  恨欲狂 长刀所向  多少手足忠魂埋骨它乡  何惜百死报家国  忍叹惜 更无语 血泪满眶  马蹄南去 人北望  人北望 草青黄 尘飞扬  我愿守土复开疆  堂堂中国要让四方来贺.
第4章 ASP.NET服务器控件.
畢業資格審查系統 操作步驟說明.
新制退休實務計算說明- 現職人員退休範例說明
樂樂請假了 尊重的故事 資料來源:臺北縣國民小學品德教育手冊 故事來源:臺北縣國民小學品德教育手冊 網路小故事
風能 主題:風能 班級:四環工一A 組員:林明哲 4980N047 江信宏 4980N079
聽聽那冷雨---重點摘要 二愛 王煜榕.
106 學年度新生入學說明會 國立臺灣海洋大學 教務處簡介
學士學位畢業論文說明 逢 學 大 甲 土 理 管 地 2009/10/05.
憲政與民主 應化3A 邱泓明.
高雄市97年度國民小學閱讀計畫創新教學-教案達人創新教學方案
古蹟知性之旅 我和新港奉天宮有個約 報告人:陳 映 竹 傅 湘 甯.
Presentation transcript:

2.15.1 向导控件的样式 当创建了一个向导控件时,系统会自动生成向导控件的 HTML 代码,示例代码如下所示。 2.15.1 向导控件的样式 当创建了一个向导控件时,系统会自动生成向导控件的 HTML 代码,示例代码如下所示。 <asp:Wizard ID="Wizard1" runat="server"> <WizardSteps> <asp:WizardStep runat="server" title="Step 1"> </asp:WizardStep> <asp:WizardStep runat="server" title="Step 2"> </WizardSteps> </asp:Wizard> 上述代码生成了Wizard控件,并在Wizard控件中自动生成了WizardSteps标签,这个标签规范了向导控件中的步骤,如左图所示。在向导控件中,系统会生成WizardSteps控件来显示每一个步骤, 如右图所示。

2.15.1 向导控件的样式 向导控件还支持自动显示标题和控件的当前步骤。标题使用HeaderText属性自定义,同时还可以配置DisplayCancelButton属性显示一个取消按钮,如左图所示。不仅如此,当需要让向导控件支持向导步骤的添加时,只需配置WizardSteps属性即可,如右图所示。

2.15.1 向导控件的样式 Wizard向导控件还支持一些模板。用户可以通过编辑StartNavigationTemplate属性、FinishNavigationTemplate属性、StepNavigationTemplate属性以及SideBarTemplate属性来进行自定义控件的界面设定。这些属性的意义如下所示: 左述属性都可以通过可视化功能来编辑或修改,如图所示。 StartNavigationTemplate:该属性指定为 Wizard 控件的 Start 步骤中的导航区域显示自定义内容。 FinishNavigationTemplate:该属性为 Wizard 控件的 Finish 步骤中的导航区域指定自定义内容。 StepNavigationTemplate:该属性为 Wizard 控件的 Step 步骤中的导航区域指定自定义内容。 SideBarTemplate:该属性为 Wizard 控件的侧栏区域中指定自定义内容。 导航控件还能够自定义模板来实现更多的特定功能,同时导航控件还能够为导航控件的其他区域定义进行样式控制,如导航列表和导航按钮等。

2.15.2 向导控件的事件 左述代码为向导控件进行了初始化,并提示用户正在执行的步骤,当用户执行完毕后,会提示感谢您的使用并在相应的文本标签控件中显示“向导控件执行完毕”。当单击示导航控件时,会触发FinishButtonClick事件,通过编写FinishButtonClick事件能够为导航控件进行编码控制,示例代码如下所示。 当双击一个导航控件时,导航控件会自动生成FinishButtonClick事件。该事件是当用户完成导航控件时被触发。导航控件页面HTML核心代码如下所示。 <body> <form id="form1" runat="server"> <asp:Wizard ID="Wizard1" runat="server" ActiveStepIndex="2" DisplayCancelButton="True" onfinishbuttonclick="Wizard1_FinishButtonClick"> <WizardSteps> <asp:WizardStep runat="server" title="Step 1">执行的是第一步</asp:WizardStep> <asp:WizardStep runat="server" title="Step 2">执行的是第二步</asp:WizardStep> <asp:WizardStep runat="server" Title="Step3">感谢您的使用</asp:WizardStep> </WizardSteps> </asp:Wizard> <div> <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> </div> </form> </body> protected void Wizard1_FinishButtonClick(object sender, WizardNavigationEventArgs e) { Label1.Text = "向导控件执行完 毕"; }

2.15.2 向导控件的事件 在执行的过程中,标签文本会显式执行的步骤,如图左所示。当运行完毕时,Label标签控件会显示“向导控件执行完毕”,同时向导控件中的文本也会呈现“感谢您的使用”字样。运行结果如图右所示。 向导控件 不仅能够 使用 FinishButtonClick 事件,同样也可以使用 PreviousButtonClick 和 FinishButtonClick 事件来自定义【上一步】按钮和【下一步】按钮的行为,同样也可以编写 CancelButtonClick 事件定义单击【取消】按钮时需要执行的操作。

2.16.1 表单验证控件 在ASP.NET中,系统提供了RequiredFieldValidator验证控件进行验证。使用RequiredFieldValidator控件能够指定某个用户在特定的控件中必须提供相应的信息,如果不填写相应的信息,RequiredFieldValidator控件就会提示错误信息,RequiredFieldValidator控件示例代码如下所示。 <body> <form id="form1" runat="server"> <div> 姓名:<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="TextBox1" ErrorMessage="必填字段不能为空 "></asp:RequiredFieldValidator> <br /> 密码:<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox> <asp:Button ID="Button1" runat="server" Text="Button" /> </div> </form> </body>

2.16.1 表单验证控件 在进行验证时,RequiredFieldValidator控件必须绑定一个服务器控件,在上述代码中,验证控件RequiredFieldValidator控件的服务器控件绑定为TextBox1,当 TextBox1中的值为空时,则会提示自定 义错误信息“必填字段不能为空”,如图所示。 当姓名选项未填写时,会提示必填字段不能为空,并且该验证在客户端执行。当发生此错误时,用户会立即看到该错误提示而不会立即进行页面提交,当用户填写完成并再次单击按钮控件时,页面才会向服务器提交。

2.16.2 比较验证控件 当使用CompareValidator控件时,可以方便的判断用户是否正确输入,示例代码如下所示。 2.16.2 比较验证控件 当使用CompareValidator控件时,可以方便的判断用户是否正确输入,示例代码如下所示。 <body> <form id="form1" runat="server"> <div> 请输入生日: <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> <br /> 毕业日期: <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox> <asp:CompareValidator ID="CompareValidator1" runat="server" ControlToCompare="TextBox2" ControlToValidate="TextBox1" CultureInvariantValues="True" ErrorMessage="输入格式错误!请改正!" Operator="GreaterThan" Type="Date"> </asp:CompareValidator> <asp:Button ID="Button1" runat="server" Text="Button" /> </div> </form> </body> CompareValidator比较验证控件能够比较控件中的值是否符合开发人员的需要。CompareValidator控件的特有属性如下所示: ControlToCompare:以字符串形式输入的表达式。要与另一控件的值进行比较。 Operator:要使用的比较。 Type:要比较两个值的数据类型。 ValueToCompare:以字符串形式输入的表达式。

2.16.2 比较验证控件 上述代码判断 TextBox1 的输入的格式是否正确,当输入的格式错误时,会提示错误,如图所示。 2.16.2 比较验证控件 上述代码判断 TextBox1 的输入的格式是否正确,当输入的格式错误时,会提示错误,如图所示。 CompareValidator验证控件不仅能够验证输入的格式是否正确,还可以验证两个控件之间的值是否相等。如果两个控件之间的值不相等,CompareValidator验证控件同样会将自定义错误信息呈现在用户的客户端浏览器中。

2.16.3 范围验证控件 范围验证控件(RangeValidator)可以检查用户的输入是否在指定的上限与下限之间。通常情况下用于检查数字、日期、货币等。范围验证控件(RangeValidator)控件的常用属性如下所示: MinimumValue:指定有效范围的最小值。 MaximumValue:指定有效范围的最大值。 Type:指定要比较的值的数据类型。 通常情况下,为了控制用户输入的范围,可以使用该控件。 当输入用户的生日时,今年是2008年,那么用户就不应该输入2009年,同样基本上没有人的寿命会超过100,所以对输入的日期的下限也需要进行规定,示例代码如下所示。 <div> 请输入生日:<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> <asp:RangeValidator ID="RangeValidator1" runat="server" ControlToValidate="TextBox1" ErrorMessage="超出规定范围,请重新填写" MaximumValue="2009/1/1" MinimumValue="1990/1/1" Type="Date"> </asp:RangeValidator> <br /> <asp:Button ID="Button1" runat="server" Text="Button" /> </div> 注意:RangeValidator 验证控件在进行控件的值的范围的设定时,其范围不仅仅可以是一个整数值, 同样还能够是时间、日期等值。

2.16.4 正则验证控件 上述控件中,虽然能够实现一些验证,但是验证的能力有限,限制了开发人员进行自定义验证和错误信息的开发。正则验证控件(RegularExpressionValidator)就解决了这个问题,其功能非常强大, 用于确定输入的控件的值是否与某个正则表达式所定义的模式相匹配,如电子邮件、电话号码以及序列号等。 客户端的正则表达式验证语法和服务端的正则表达式验证语法不同,因为在客户端使用的是JSript正则表达式语法,而在服务器端使用的是Regex类提供的正则表达式语法。使用正则表达式能够实现强大字符串的匹配并验证用户的输入的格式是否正确,系统提供了一些常用的正则表达式,开发人员能够选择相应的选项进行规则筛选,如图所示。

2.16.4 正则验证控件 运行后当用户单击按钮控件时,如果输入的信息与相应的正则表达式不匹配,则会提示错误信息,如图所示。 当选择了正则表达式后,系统自动生成的 HTML 代码如下所示。 <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="TextBox1" ErrorMessage="正则不 匹配,请重新输入!" ValidationExpression="\d{17}[\d|X]|\d{15}"> </asp:RegularExpressionValidator> 注意:在用户输入为空时,其他的验证控件都会验证通过。所以,在验证控件的使用中,通常需要 同表单验证控件(RequiredFieldValidator)一起使用。

2.16.5 自定义逻辑验证控件 自定义逻辑验证控件(CustomValidator)允许使用自定义的验证逻辑创建验证控件。例如,可以创建一个验证控件判断用户输入的是否包含“.”号,示例代码如下所示。 protected void CustomValidator1_ServerValidate(object source, ServerValidateEventArgs args) { args.IsValid = args.Value.ToString().Contains("."); //设置验证程序,并返回布尔值 } protected void Button1_Click(object sender, EventArgs e) if (Page.IsValid) Label1.Text = "验证通过"; else Label1.Text = "输入格式错误"; //用户自定义验证 //判断是否验证通过   //输出验证通过 //提交失败信息

2.16.5 自定义逻辑验证控件 从CustomValidator验证控件的验证代码可以看出CustomValidator验证控件可以在服务器上执行验证检查。如果要创建服务器端的验证函数,则处理CustomValidator控件的ServerValidate事件。使用传入的ServerValidateEventArgs对象的IsValid字段来设置是否通过验证。 而CustomValidator控件同样也可以在客户端实现,该验证函数可用VBScript或Jscript来实现,而在CustomValidator控件中需要使用ClientValidationFunction属性指定与CustomValidator控件相关的客户端验证脚本的函数名称进行控件中的值的验证。 上述代码不仅使用了验证控件自身的验证,也使用了用户自定义验证,运行结果如图所示。

2.16.6 验证组控件 验证组控件(ValidationSummary)能够对同一页面的多个控件进行验证。同时,验证组控件(ValidationSummary)通过ErrorMessage属性为页面上的每个验证控件显式错误信息。验证组控件(ValidationSummary)的常用属性如下所示。 DisplayMode:摘要可显示为列表,项目符号列表或单个段落。 HeaderText:标题部分指定一个自定义标题。 ShowMessageBox:是否在消息框中显示摘要。 ShowSummary:控制是显示还是隐藏 ValidationSummary 控件。

2.16.6 验证组控件 验证控件能够显示页面的多个控件产生的错误,示例代码如下所示。 运行结果如图所示。 2.16.6 验证组控件 验证控件能够显示页面的多个控件产生的错误,示例代码如下所示。 运行结果如图所示。 <body> <form id="form1" runat="server"> <div> 姓名: <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="TextBox1" ErrorMessage="姓名为必填项"> </asp: RequiredFieldValidator> <br /> 身份证: <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox> <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="TextBox1" ErrorMessage="身份证号码错误" ValidationExpression="\d{17}[\d|X]|\d{15}"></asp:RegularExpressionValidator> <asp:Button ID="Button1" runat="server" Text="Button" /> <asp:ValidationSummary ID="ValidationSummary1" runat="server" /> </div> </form> </body> 当有多个错误发生时,ValidationSummary 控件能够捕获多个验证错误并呈现给用户,这样就避免了一个表单需要多个验证时需要使用多个验证控件进行绑定,使用 ValidationSummary 控件就无需为每个需要验证的控件进行绑定。