ASP.NET教程第三讲 输入验证控件
|
3.1 ASP.net解决了ASP的难题:验证表单填写的正确性
如今的商业网站,或者个人网站,多少都有客户调查啊,用户注册之类的东西,必然会用到表单,这些表单的填写正确与否,明显是由手写代码的方式来控制的。我承认编写代码,是一项有趣的工作,不过每次验证表单都来手写代码,我们希望提高我们的工作效率,并不是把我们很有限的时间花在表单的验证工作上。 基于另外的一些原因,Web应用程序很不好验证用户的输入,HTML 3.2 规范可以让你控制用户的反馈,但恶意的或者技术高超的用户可以绕过,因此即使有了浏览器端的手写代码,服务器端同样也需要验证,才能保证安全。 下面是微软的工作人员,给出的商业网站用手写代码控制表单验证的弊病。 软件开发网 www.mscto.com 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重新输出给用户 软件开发网 www.mscto.com
6. 再次提醒用户输入 3.3 Page_Load 过程 Page 对象包含一些与服务器端验证有关的重要属性和方法。下表列出了Page_Load属性的所有Collect和methed。
3.4 用来验证表单的验证器(Web控件)
[1] [2]
3.5 实例说明上面所描述的控件的运作
程序是一个非常苛刻的东西,所以,要强调所有的项目都填写了,我们可以这样来做。在每一个字段前添加 RequiredFieldValidator。若输入字段为空,我们要在字段前显示一个星号(*),并在旁边报告错误。 例如:
若没有输入任何内容,则在标签旁边显示 "*"。出现出错消息。"ControlToValidate"属性指定了需要验证的控件ID。最后一步是向页面顶部显示所有的出错现象。 代码:
然后,我们需要用户ID必须是6-10个字符,口令必须是4-12个字母,而且必须有@#$%^&*/的字符。 代码: 这里我们增加了对ID长度的限制。
接着,我们要验证两次输入的口令是否一样。
软件开发网 www.mscto.com [1] [2]
3.6 几个需要注意的问题
默认情况下,脚本文件将安装在 "_aspx" 目录中默认的根目录下,并使用相对于根的脚本 include 指令调用,该指令以正斜线开头。该引用表明每个单独的对象不必包含脚本库,同一台计算机上的所有页面可以引用同一个文件。您会注意到,该路径中还有一个公用的语言运行时版本号,以便不同的运行时版本可以在同一台计算机上运行。 如果查看一下您默认的虚拟根目录,您会找到该文件并查看其中的内容。这些文件的位置在 config.web 文件中指定。config.web 文件是一个用于大多数 ASP 设置的 XML 文件。以下是该文件中位置的定义:
软件开发网 www.mscto.com
[1] [2]
软件开发网 www.mscto.com 3.7 一个完整的案例
软件开发网 www.mscto.com 我们现在要做一个杂志订阅系统,要用户输入Email,输入两次密码,密码要一样,密码要求安全,所以必须包括(!@#$%^&* ;:),输入用户的电话,最长20位,必须选择信用卡,输入卡号,卡号为15位,程序如下,好简单的,大家看看。
<!-- sign-in --> 软件开发网 www.mscto.com 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" 软件开发网 www.mscto.com 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" 软件开发网 www.mscto.com ControlToValidate="phone" ErrorMessage="Phone. " Display="Dynamic" Font-Name="Verdana" Font-Size="12" runat=server> * </asp:RequiredFieldValidator> </td> </tr> <tr><td colspan=3> </td></tr> 软件开发网 www.mscto.com <!-- Credit Card Info --> </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处理数据的核心部分,数据绑定 [1] [2]
源代码网推荐 源代码网供稿. |


