3.1 ASP.NET解决了ASP的难题:验证表单填写的正确性
如今的商业网站,或者个人网站,多少都有客户调查啊,用户注册之类的东西,必然会用到表单,这些表单的填写正确与否,明显是由手写代码的方式来控制的。我承认编写代码,是一项有趣的工作,不过每次验证表单都来手写代码,我们希望提高我们的工作效率,并不是把我们很有限的时间花在表单的验证工作上。
基于另外的一些原因,WEB应用程序很不好验证用户的输入,HTML 3.2 规范可以让你控制用户的反馈,但恶意的或者技术高超的用户可以绕过,因此即使有了浏览器端的手写代码,服务器端同样也需要验证,才能保证安全。
下面是微软的工作人员,给出的商业网站用手写代码控制表单验证的弊病。
1. 尽管错误信息或图标经常与输入元素相邻,但是它们几乎总是位于表的不同单元格中。
2. 页面中经常会有一个区域来汇总所有错误。
3. 许多站点包含客户端脚本,以便提供更快捷的反馈,同时防止白白地在与服务器之间往返。
4. 许多包含客户端脚本的站点在出现错误时会显示信息框。
5. 不仅会验证文本输入,还会验证下拉列表和单选按钮。
6. 如果某个字段为空,站点通常会显示与该条目无效时不同的信息或图标。
7. 许多有效性检查可以很好地代替常用的表达式。
8. 验证通常是基于两个输入之间的比较结果。
9. 90% 或 90% 以上的验证任务是一些常见的操作,例如检查姓名或邮政编码。大多数站点似乎仍在重复进行这些工作。
10. 因为站点之间的差别通常太大,无法获得一种完美的解决方案来处理每个站点的所有验证任务。
如果你想向你的同事证实你有一种很"酷"的方法,可以禁止在姓名字段里面输入空值,记得选择ASP.NET,并且看下面的教程。
3.2 ASP.NET进行表单验证的过程
1. ASPX文件被编译,运行
2. 用户输入数据
3. 触发PAGE_LOAD事件
4. 更改WEB控件属性,提示哪里没有输入
5. 将页面用HTML重新输出给用户
6. 再次提醒用户输入
3.3 PAGE_LOAD 过程
PAGE 对象包含一些与服务器端验证有关的重要属性和方法。下表列出了PAGE_LOAD属性的所有COLLECT和METHED。
| PAGE_LOAD方法名 | 说明 |
| ISVALID(最经常使用) | 这是最有用的属性。该属性可以检查整个表单是否有效。通常在更新数据库之前进行该检查。只有 VALIDATORS 集中的所有对象全部有效,该属性才为真,并且不将该值存入缓存 。 |
| VALIDATORS | 该页所有验证对象的集合。这是实现 IVALIDATOR 界面的对象的集合。 |
| VALIDATE | 在验证时调用的一种方法。在 PAGE 对象上默认的执行方式是转至每个验证器,并要求各验证器自行评估。 |
3.4 用来验证表单的验证器(WEB控件)
| REQUIREDFIELDVALIDATOR | 检查用户是否输入或选择了任何内容 |
| REGULAREXPRESSIONVALIDATOR | 根据规则表达式检查用户输入。该过程允许进行许多种类的检查,可以用于邮政编码和电话号码等的检查。 |
| COMPAREVALIDATOR | 将输入控件与一个固定值或另一个输入控件进行比较。例如,它可以用在口令验证字段中。也可以用来比较输入的日期和数字。 |
| RANGEVALIDATOR | 与 COMPAREVALIDATOR 非常相似, 只是它用来检查输入是否在两个值或其它输入控件的值之间。 |
| CUSTOMVALIDATOR | 允许用户编写自己的代码以加入到验证框架中。 |
3.5 实例说明上面所描述的控件的运作
我们建立一个最小化的.ASPX页面,我们不需要华丽的修饰效果。
<P>请输入新的用户 ID 和口令</P> <FORM RUNAT=SERVER> <TABLE> <TR> <TD>用户 ID </TD> <TD><INPUT TYPE=TEXT RUNAT=SERVER ID=TXTNAME></TD> </TR> <TR> <TD>口令 </TD> <TD><INPUT TYPE=PASSWORD RUNAT=SERVER ID=TXTPWORD></TD> </TR> <TR> <TD>请重新输入口令 </TD> <TD><INPUT TYPE=PASSWORD RUNAT=SERVER ID=TXTREPWORD></TD> </TR> <TABLE><BR> <INPUT TYPE=SUBMIT RUNAT=SERVER ID=CMDSUBMIT VALUE=SUBMIT> </FORM>
|
程序是一个非常苛刻的东西,所以,要强调所有的项目都填写了,我们可以这样来做。在每一个字段前添加 REQUIREDFIELDVALIDATOR。若输入字段为空,我们要在字段前显示一个星号(*),并在旁边报告错误。
例如:
<TR> <TD> <ASP:REQUIREDFIELDVALIDATOR RUNAT=SERVER CONTROLTOVALIDATE=TXTNAME ERRORMESSAGE="需要用户用户名。"> * </ASP:REQUIREDFIELDVALIDATOR> </TD> <TD>USER ID:</TD> <TD><INPUT TYPE=TEXT RUNAT=SERVER ID=TXTNAME></TD> </TR>
|
若没有输入任何内容,则在标签旁边显示 "*"。出现出错消息。"CONTROLTOVALIDATE"属性指定了需要验证的控件ID。最后一步是向页面顶部显示所有的出错现象。
代码:
| <ASP:VALIDATIONSUMMARY RUNAT=SERVER HEADERTEXT=此页有错误:/> |
然后,我们需要用户ID必须是6-10个字符,口令必须是4-12个字母,而且必须有@#$%^&*/的字符。
代码: 这里我们增加了对ID长度的限制。
<TD> <INPUT TYPE=TEXT RUNAT=SERVER ID=TXTNAME> <ASP:REGULAREXPRESSIONVALIDATOR RUNAT=SERVER CONTROLTOVALIDATE="TXTNAME" ERRORMESAGE="口令必须由 6-10 个字母组成。" VALIDATIONEXPRESSION="[A-ZA-Z]{6,10}" /> </TD> |
接着,我们要验证两次输入的口令是否一样。
<ASP:REGULAREXPRESSIONVALIDATOR RUNAT=SERVER DISPLAY=DYNAMIC CONTROLTOVALIDATE="TXTPWORD" ERRORMESSAGE="口令必须包含 @#$%^&*/ 中的一个。" VALIDATIONEXPRESSION=".*[@#$%^&*/].*" /> <ASP:REGULAREXPRESSIONVALIDATOR RUNAT=SERVER DISPLAY=DYNAMIC CONTROLTOVALIDATE="TXTPWORD" ERRORMESSAGE="口令必须是 4-12 个非空白字母。" VALIDATIONEXPRESSION="[S{4,12}" /> <ASP:COMPAREVALIDATOR RUNAT=SERVER CONTROLTOVALIDATE=TXTREPWORD CONTROLTOCOMPARE=TXTPWORD ERRORMESSAGE="口令不匹配。" /> |
默认情况下,COMPAREVALIDATOR 只做简单的字符串匹配比较。如果需要,它可进行涉及日期和数字的更复杂的比较。
3.6 几个需要注意的问题
关于脚本库
因为验证 WEB 控件脚本在脚本库中,所以不必将所有客户端验证的代码直接发送到页面中,尽管表面上似乎是这样做的。主要的脚本文件引用类似如下所示:
<SCRIPT LANGUAGE="JAVASCRIPT" SRC="/_ASPX/1.0.9999/SCRIPT/WEBUIVALIDATION.JS"> </SCRIPT> |
默认情况下,脚本文件将安装在 "_ASPX" 目录中默认的根目录下,并使用相对于根的脚本 INCLUDE 指令调用,该指令以正斜线开头。该引用表明每个单独的对象不必包含脚本库,同一台计算机上的所有页面可以引用同一个文件。您会注意到,该路径中还有一个公用的语言运行时版本号,以便不同的运行时版本可以在同一台计算机上运行。
如果查看一下您默认的虚拟根目录,您会找到该文件并查看其中的内容。这些文件的位置在 CONFIG.WEB 文件中指定。CONFIG.WEB 文件是一个用于大多数 ASP+ 设置的 XML 文件。以下是该文件中位置的定义:
<WEBCONTROLS CLIENTSCRIPTSLOCATION="/_ASPX/{0}/SCRIPT/" /> |
鼓励您阅读该脚本,以便深入了解发生的事件。不过,建议您不要修改这些脚本,因为它们的功能与特定的运行时版本紧密相连。在运行时版本更新时,这些脚本可能也需要相应的更新,您将或者放弃更改,或者面临脚本不工作的问题。如果特定项目必须更改这些脚本,先备份这些脚本,然后将您的项目指向备份文件,方法是使用私有的 CONFIG.WEB 文件替代这些文件的位置。如果字符串中包含格式指令 "{0}",运行时版本号将替换该指令。最好将该位置更改为一个相对引用或绝对引用。
3.7 一个完整的案例
我们现在要做一个杂志订阅系统,要用户输入EMAIL,输入两次密码,密码要一样,密码要求安全,所以必须包括(!@#$%^&*+;:),输入用户的电话,最长20位,必须选择信用卡,输入卡号,卡号为15位,程序如下,好简单的,大家看看。
<%
PUBLIC SUB ONSUBMIT(SOURCE AS OBJECT, E AS EVENTARGS)
IF PAGE.ISVALID THEN
'数据入库等操作
END IF
END SUB
%>
<H3><FONT FACE="VERDANA">订阅时尚生活杂志</FONT></H3>
<FORM RUNAT=SERVER>
<HR WIDTH=600 SIZE=1 NOSHADE>
<CENTER>
<ASP:VALIDATIONSUMMARY ID="VALSUM" RUNAT="SERVER"
HEADERTEXT="您必须填写完整所有的选项"
DISPLAYMODE="SINGLEPARAGRAPH"
FONT-NAME="VERDANA"
FONT-SIZE="12"
/>
<P>
<!-- SIGN-IN -->
<TABLE BORDER=0 WIDTH=600>
<TR><TD COLSPAN=3>
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH="100%">
<TR><TD>
<FONT FACE=GENEVA,ARIAL SIZE=-1><B>SIGN-IN INFORMATION</B>
</FONT>
</TD></TR>
</TABLE>
</TD></TR>
<TR>
<TD ALIGN=RIGHT>
<FONT FACE=ARIAL SIZE=2>输入您的EMAIL</FONT>
</TD>
<TD>
<ASP:TEXTBOX ID=EMAIL WIDTH=200PX MAXLENGTH=60 RUNAT=SERVER />
</TD>
<TD>
<ASP:REQUIREDFIELDVALIDATOR ID="EMAILREQVAL"
CONTROLTOVALIDATE="EMAIL"
ERRORMESSAGE="您的EMAIL. "
DISPLAY="DYNAMIC"
FONT-NAME="VERDANA" FONT-SIZE="12"
RUNAT=SERVER>
*
</ASP:REQUIREDFIELDVALIDATOR>
<ASP:REGULAREXPRESSIONVALIDATOR ID="EMAILREGEXVAL"
CONTROLTOVALIDATE="EMAIL"
DISPLAY="STATIC"
VALIDATIONEXPRESSION=
"^[W-]+@[W-]+.(COM|NET|ORG|EDU|MIL)$"
FONT-NAME="ARIAL" FONT-SIZE="11"
RUNAT=SERVER>
不是一个正确的EMAIL 请输入一个正确的EMAIL
</ASP:REGULAREXPRESSIONVALIDATOR>
</TD>
</TR>
<TR>
<TD ALIGN=RIGHT>
<FONT FACE=ARIAL SIZE=2>密码:</FONT>
</TD>
<TD>
<ASP:TEXTBOX ID=PASSWD TEXTMODE="PASSWORD" MAXLENGTH=20
RUNAT=SERVER/>
</TD>
<TD>
<ASP:REQUIREDFIELDVALIDATOR ID="PASSWDREQVAL"
CONTROLTOVALIDATE="PASSWD"
ERRORMESSAGE="密码. "
DISPLAY="DYNAMIC"
FONT-NAME="VERDANA" FONT-SIZE="12"
RUNAT=SERVER>
*
</ASP:REQUIREDFIELDVALIDATOR>
<ASP:REGULAREXPRESSIONVALIDATOR ID="PASSWDREGEXBAL"
CONTROLTOVALIDATE="PASSWD"
VALIDATIONEXPRESSION=".*[!@#$%^&*+;:].*"
DISPLAY="STATIC"
FONT-NAME="ARIAL" FONT-SIZE="11"
WIDTH="100%" RUNAT=SERVER>
密码必须包括下面中的一个 (!@#$%^&*+;:)
</ASP:REGULAREXPRESSIONVALIDATOR>
</TD>
</TR>
<TR>
<TD ALIGN=RIGHT>
<FONT FACE=ARIAL SIZE=2>请再输入一次密码:</FONT>
</TD>
<TD>
<ASP:TEXTBOX ID=PASSWD2 TEXTMODE="PASSWORD" MAXLENGTH=20
RUNAT=SERVER/>
</TD>
<TD>
<ASP:REQUIREDFIELDVALIDATOR ID="PASSWD2REQVAL"
CONTROLTOVALIDATE="PASSWD2"
ERRORMESSAGE="再输入一次密码. "
DISPLAY="DYNAMIC"
FONT-NAME="VERDANA" FONT-SIZE="12"
RUNAT=SERVER>
*
</ASP:REQUIREDFIELDVALIDATOR>
<ASP:COMPAREVALIDATOR ID="COMPAREVALIDATOR1"
CONTROLTOVALIDATE="PASSWD2" CONTROLTOCOMPARE="PASSWD"
DISPLAY="STATIC"
FONT-NAME="ARIAL" FONT-SIZE="11"
RUNAT=SERVER>
两次输入的密码怎么不一样:)
</ASP:COMPAREVALIDATOR>
</TD>
</TR>
<TR><TD COLSPAN=3> </TD></TR>
<!-- PERSONALIZATION INFORMATION -->
<TR><TD COLSPAN=3>
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH="100%">
<TR><TD><FONT FACE=GENEVA,ARIAL SIZE=-1>
<B>PERSONAL INFORMATION</B></FONT>
</TD></TR>
</TABLE>
</TD></TR>
<TR>
<TD ALIGN=RIGHT>
<FONT FACE=ARIAL SIZE=2>电话:</FONT>
</TD>
<TD>
<ASP:TEXTBOX ID="PHONE" MAXLENGTH=20 RUNAT="SERVER" />
</TD>
<TD>
<ASP:REQUIREDFIELDVALIDATOR ID="PHONEREQVAL"
CONTROLTOVALIDATE="PHONE"
ERRORMESSAGE="PHONE. "
DISPLAY="DYNAMIC"
FONT-NAME="VERDANA" FONT-SIZE="12"
RUNAT=SERVER>
*
</ASP:REQUIREDFIELDVALIDATOR>
</TD>
</TR>
<TR><TD COLSPAN=3> </TD></TR>
<!-- CREDIT CARD INFO -->
<TR>
<TD COLSPAN=3>
<FONT FACE=ARIAL SIZE=2><B>CREDIT CARD INFORMATION</B></FONT>
</TD>
</TR>
<TR>
<TD ALIGN=RIGHT>
<FONT FACE=ARIAL SIZE=2>CARD TYPE:</FONT>
</TD>
<TD>
<ASP:RADIOBUTTONLIST ID=CCTYPE
FONT-NAME="ARIAL" REPEATLAYOUT="FLOW" RUNAT=SERVER>
<ASP:LISTITEM>招商银行一卡通</ASP:LISTITEM>
<ASP:LISTITEM>建设银行龙卡</ASP:LISTITEM>
</ASP:RADIOBUTTONLIST>
</TD>
<TD>
<ASP:REQUIREDFIELDVALIDATOR ID="CCTYPEREQVAL"
CONTROLTOVALIDATE="CCTYPE"
ERRORMESSAGE="信用卡种类. "
DISPLAY="STATIC"
INITIALVALUE=""
FONT-NAME="VERDANA" FONT-SIZE="12"
RUNAT=SERVER>
*
</ASP:REQUIREDFIELDVALIDATOR>
</TD>
</TR>
<TR>
<TD ALIGN=RIGHT>
<FONT FACE=ARIAL SIZE=2>CARD NUMBER:</FONT>
</TD>
<TD>
<ASP:TEXTBOX ID=CCNUM RUNAT=SERVER />
</TD>
<TD>
<ASP:REQUIREDFIELDVALIDATOR ID="CCNUMREQVAL"
CONTROLTOVALIDATE="CCNUM"
ERRORMESSAGE="信用卡号. "
DISPLAY="DYNAMIC"
FONT-NAME="VERDANA" FONT-SIZE="12"
RUNAT=SERVER>
*
</ASP:REQUIREDFIELDVALIDATOR>
<ASP:REGULAREXPRESSIONVALIDATOR ID="CCNUMCUSTVAL"
CONTROLTOVALIDATE="CCNUM"
DISPLAY="STATIC"
VALIDATIONEXPRESSION="^D{15}$"
FONT-NAME="ARIAL" FONT-SIZE="11"
RUNAT=SERVER>
信用卡号错误
</ASP:REGULAREXPRESSIONVALIDATOR>
</TD>
</TR>
</TABLE>
<P>
<INPUT RUNAT="SERVER" TYPE=SUBMIT VALUE="注册">
<P>
</FORM>
</CENTER>
好了,表单的验证,我们就讲到这里,下一讲,我们将介绍ASP.NET处理数据的核心部分,数据绑定