<b>DreamwaverMX与ASP.NET(五)</b>[DW设计]

5．成立留言页面----考证控件及增添

相关介绍:

精确性是所必须的.为了更简单的查验利用者输入的能否精确,为编程人员供应了考证控件.供应的考证控件包含.(注意:为了能显示代码,以下全部代码都在“<”之后和“>”之前加了空格,不便之处请多谅解!):

 

STEP 1 页面
我们先用表格出大约的框架.由于中的COMMENTS表中有


[图5-1 框架]

COMMENT_ID(自动编号),FIRST_NAME(文本),LAST_NAME(文本),TELEPHONE(文本),EMAIL(文本),SUBMIT_DATE(日期/时间),COMMENTS(备注),ANSWERED(布尔值)等字段.按照需求我们在站点中了以下图的页面,命名为reg.x.


[图5-2 最初页面]

此中COMMENT_ID,是可以由ACCESS自动增添的,ANSWERED不需求用户自己增添.在SUBMIT_DATE的默许值设置为Now(),则会由ACCESS自动写入增添记录的日期.

从前的页面中,我们可以通过来设置输入框来输入.中带有textbox控件来承受,语法以下:

< :textbox id=”…” runat=”server” 其他属性/ >

在MX中可以通过单击 快速按钮来增添textbox控件.在弹出的对话框中通过设置ID,text mode(对话框范例),tool tip(即鼠标悬于控件上的提醒),以及Layout(款式),Style Information(用于设置输入文字格局以及textbox边框格局),来设置控件.下图是textbox的设置对话框.


[图5-3 textbox设置对话框1]
 

[图5-4 textbox设置对话框2]


[图5-5 textbox设置对话框3]

由于项COMMENT需求输入大量的文字,所以需求用到多输入行的textbox.只需设置text mode为MultiLine并输入所需的行数(Rows)便可.

为了产生增添的事件,还需求一个按钮.单击Forms标签,单击”button”按钮增添.

STEP2 考证的利用

由于First_name,Last_name,telephone,email是必须输入的,所认为了避免用户忘掉输入,则可以增添RequiredFieldValidator控件来考证控件.由于控件会在呈现考证有误的情形下在其所在的位置显示考证不通过的内容,故应在得当的位置放入考证控件.

RequiredFieldValidator数据考证的控件语法以下:

< :RequiredFieldValidato其他属性 runat=”server” >出错信息< / :RequiredFieldValidator >

或

< :RequiredFieldValidator ErrorMessage="出错信息" 其他属性 runat=”server”/ >

在单击More Tags后,挑选 Tags的Validation Server可以看到有差别范例的考证控件挑选.我们需求在First_name的输入框背面增添考证控件:RequiredFieldValidator.

在RequiredfieldValidator控件设置窗口中,Control to Validate是为与此考证控件相关联的输入控件的ID,而Error Message就是考证失利的时刻显示的信息.同时我们可以通过设置layout,style Information来挑选所需的款式.


[图5-6 考证控件挑选]


[图5-7 RequiredfieldValidator控件设置对话框]

同时在Last_Name输入框背面用相同的办法增添另一个RequiredFieldValidato数据考证控件.目前我们可以保存,并预览页面.当没有在First_name和Last_name输入框中输入并且单击Submit按钮的时刻,就会呈现考证失利消息.如图5-8所示.

但是很多时刻我们需求考证有效的,比方邮政编码一定为6位,输入的Email地址需求有特定的情势.这里就需求用到RegularExpressionValidator来考证的有效性.在本注册页面中,telephone和Email都可以用到此控件来考证.


[图5-8 RequiredfieldValidator对话框]
 

[图5-9 Email设置属性]

同RequiredfieldValidator考证控件增添的办法近似,单击”More tags..”挑选增添考证控件.差别的地方就是设置Validation Expression.由于telephone需求输入7-10位的数字,需设置以下:

[0-9]{7,10}

其语法以下:

[]:用来定义可承受的字符,如a-z表示小写的’a’-‘z’都是可承受的字符,a-zA-Z表示可承受全部字母,而0-9就表示可以承受全部数字.

{}:用来定义必须输入的字符数,{7,10}表示可以输入7-10个字符,{0,}表示可以承受0-无限多个字符.

‘.’:表示输入肆意字符..{0,}表示可承受0-无限多个肆意字符.

| :表示OR(或),比方[A-Za-z]{3}|[0-9]{3}表示可以承受3个英文字母或是3个数字

():为了便利阅读,含有|标记的字符串普通会被()之中.比方([A-Za-z]{3}|[0-9]{3}).

\:假如含有[],{},(),|等特别标记必须在这些字符串之前加上\..

下列是一些对比常用的例子:

Email: .{1,}@.{1,}/..{1}

电话(包含区号): \([0-9]{3,4})\)[0-9]{7,8}

固然不可以保证用户输入是其真正的资料,但是查验控件可以保证格局是对的.


[图5-10 预览页面]

至于CompareValidator控件,其各属性设置办法以下:

 

[图5-11 CompareValidator设置对话框]

CustomValitor设置办法与其他控件近似,但是需求手写函数OnServerValidate(在Events中)来考证.


[图5-12CustomValitor设置对话框]

比方

< :CustomValidator id=”CusValid” runat=”server” ControlToValidate=控件名 OnServerValidate=”TheFunction” >报错信息< / :CustomValidator >

< script language=”vb” runat=”server” >

Function TheFunction(sender as object,,value as string) as Boolean

……..

return …

End function

< /script >

此控件会调用TheFuncion函数,假如返回false则会有报错信息.
RangeValidator控件


[图5-12 RangeValidatorr设置对话框]

可以通过Mininum Value(最小值),Maxinum Value(最大值)来设置值的范围.同时可以通过Type来设置对比的范例,比方”string”,”Integer”等.其他设置近似于其他组件的设置.

还有一个组件:ValidationSummary.此中HeaderText设置抬