导言
在前面三节的示例中，GridView和DetailsView控件使用的是绑定列和CheckBoxField（绑定GridView和DetailsView时，通过智能标记可以令VS根据数据库自动增加对应的类型）。当编辑GridView或者DetailsView中的一行时，非只读属性的绑定列将自动转为textbox,以便用户修改现有的数据。同样地，当在DetailsView控件中新增记录时，InsertVisible属性为true(默认值)的绑定列会呈现出空的textbox，以接受用户输入。CheckBoxField列也是如此，通常作为只读的checkbox显示，新增/编辑记录时则可以接受选择。
尽管BoundField和CheckBoxField提供的编辑和添加界面相当有用，却缺乏验证功能。当用户产生一些数据录入错误――比如遗漏了 ProductName字段或者为UnitsInStock输入一个无效值（如-50）――那么应用程序将从底层抛出一个异常。尽管我们可以很好的处理这个异常像上节教程previous tutorial中讨论的，但是，一个完美的‘新增/编辑'用户界面应该包括验证控件，在第一时间阻止用户输入这些无效数据。
为了提供一个自定义的新增/编辑界面，需要将BoundField和CheckBoxField换成模板列（ItemplateField）。关于模板列，已经在《Using TemplateFields in the GridView Control 和 Using TemplateFields in the DetailsView Control》教程里讨论过了，由几个处理不同行状态的模板组成。模板列的项模板（ItemTemplate），用来呈现DetailsView或GridView控件中的只读字段或行，而EditItemplate和InsertItemTemplate则分别是编辑和新增模式的界面模板。
在本节教程中，你会发现为模板列的EditItemTemplate和InsertItemTemplate提供验证控件来提供更健壮的用户界面是多么的简单。明确一点，本节教程采用《Examining the Events Associated with Inserting, Updating, and Deleting 》中创建的示例代码，来增加新增/编辑时的相关验证。
一、复制《研究插入、更新和删除的关联事件》的示例代码
在《研究插入、更新和删除的关联事件》教程中我们创建了一个页面，并在一个可编辑的GridView中列表显示产品的名字和价格。页面还有一个DetailsView，DefaultMode 属性设置成Insert，因此始终呈现为新增模式。通过DetailsView，用户可以录入名字和价格增加新的产品，点击Insert后，新产品就被增加到系统里（见图1）。
图1：以前的代码允许用户增加新的产品或修改已有的产品
本节教程的目标是为DetailsView和GridView提供验证控件。更精确一些，此验证逻辑将是：
· 新增/编辑产品时name为必填项
· 新增记录时price为必填项；编辑时依然需要价格，并且在GridView的RowUpdating事件处理中应用上节教程previous tutorial中的程序逻辑
· 确保输入的price是有效的货币格式
在考虑为前面代码增加验证之前，我们首先需要复制上节教程previous tutorial 示例DataModificationEvents.aspx中的代码到本节教程的UIValidation.aspx页面上。要完成此点需要复制DataModificationEvents.aspx页面的元素标记和它的后台代码。先按下面步骤拷贝元素标记：
1．在Visual Studio中打开DataModificationEvents.aspx
2．转到页面的源视图（单击页面底部的源（Source）按钮）
3．拷贝<asp:Content> 至 </asp:Content> 标记间的文本（3到44行），见图2。
图2：拷贝<asp:Content> 控件中的文本
4．打开UIValidation.aspx页
5．转到页面的源视图
6．粘贴文本到<asp:Content>控件
然后打开代码文件DataModificationEvents.aspx.cs，拷贝EditInsertDelete_DataModificationEvents 类中的代码，及3个事件处理（Page_Load, GridView1_RowUpdating, 和 ObjectDataSource1_Inserting），注意不要把类声明和using语句也拷贝过来，然后将它们粘贴到UIValidation.aspx.cs中的 EditInsertDelete_UIValidation里。
上面的工作完成后，不要急着动手，先砌杯茶在浏览器里查看一下是否有误，这两个页面应该具有同样的输出和功能。（参照图1 ，DataModificationEvents.aspx运行时的抓图）。
二、将绑定列转换为模板列
要增加验证控件到新增/编辑界面，DetailsView 和 GridView必须将绑定列转换为模板列。要实现此转换，先点击GridView的智能标记（译者：GridView右上角的箭头），再选择‘编辑列 …'（Edit Columns），在左边依次选择绑定字段并点击‘将此字段转换为TemplateField'链接（英文版是Convert this field into a TemplateField，下同）。
图3：将DetailsView和GridView的绑定列转换为模板列
通过刚才操作的字段（英文版是Fields）对话框，绑定列可以转换为模板列，同样拥有了只读，编辑，新增等原有功能。下面的代码显示了 DetailsView中转换为模板列后的ProductName字段的元素标记：
<asp:TemplateField HeaderText="ProductName" SortExpression="ProductName">
<EditItemTemplate>
<asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("ProductName") >'></asp:TextBox>
</EditItemTemplate>
<InsertItemTemplate>
<asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("ProductName") %>'></asp:TextBox>
</InsertItemTemplate>
<ItemTemplate>
<asp:Label ID="Label1" runat="server" Text='<%# Bind("ProductName") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
</div>
注意该模板列自动创建了三个模板列，ItemTemplate, EditItemTemplate以及InsertItemTemplate。项模板ItemTemplate使用Label Web控件简单显示字段值（ProductName），而EditItemTemplate和InsertItemTemplate则使用TextBox控件并利用其Text属性来处理相关的数据。由于我们在页面上只使用DetailsView实现新增，你可以删除ItemTemplate和EditItemTemplate，当然留着也无关紧要。
由于GridView不支持DetailsView内建的新增功能，将GridView的ProductName字段转换为模板列，并只保留ItemTemplate和 EditItemTemplate：
<asp:TemplateField HeaderText="ProductName" SortExpression="ProductName">
<EditItemTemplate>
<asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("ProductName") %>'></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="Label1" runat="server" Text='<%# Bind("ProductName") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
</div>
通过点击‘将此字段转换为TemplateField'链接，Visual Studio创建了一个模板列模拟绑定列的界面，这一点可以通过在浏览器里查看页面来证实，替换前后外观和行为应该是完全一致的。
注意：可以根据需要在模板里随意定制编辑界面。例如，也许我们对UnitPrice字段使用一个小一点的TextBox。要实现这一点可以通过设置 TextBox的Columns属性或者通过Width属性指定一个固定宽度。下节教程会讨论如何用其它的数据输入Web控件替换TextBox来定制编辑界面。
三、为GridView的项编辑模板（EditItemTemplate）增加验证控件
创建数据录入表单时，限制用户录入必填的，合法的以及格式化的数据十分重要。为确保用户录入数据都是有效的，ASP.NET提供了5种内建的验证控件来验证单一控件的值：
· RequiredFieldValidator – 计算输入控件的值以确保用户输入值
· CompareValidator – 将输入控件的值同常数值或其他输入控件的值相比较，以确定这两个值是否与由比较运算符（小于、等于、大于、类型等等）指定的关系相匹配
· RangeValidator – 计算输入控件的值，以确定该值是否在指定的上限与下限之间
· RegularExpressionValidator – 计算输入控件的值，以确定该值是否与某个正则表达式 所定义的模式相匹配
· CustomValidator – 计算输入控件的值以确定它是否通过自定义的验证逻辑
关于这五种控件的更多信息，请参阅 《ASP.NET Quickstart Tutorials》中的Validation Controls section。
本节教程中，对于DetailsView和GridView中的ProductName模板列我们需要使用RequiredFieldValidator，而DetailsView的UnitPrice模板列也需要一个RequiredFieldValidator。此外，还需要给所有的UnitPrice模板列增加一个CompareValidator，以确保输入的价格大于等于0并且是有效的货币格式。