快速业务通道

在UpdatePanel控件中使用验证控件

作者 佚名技术 来源 NET编程 浏览 发布时间 2012-05-22

这两个验证控件会验证第一个 TextBox 控件中的用户输入。这些验证控件可确保用户输入了值,并且该值表示将来的某个日期。将在后续步骤中以编程方式添加 CompareValidator 的 ValueToCompare 属性。

验证控件的 Display 属性设置为 None。稍后您将添加一个 ValidationSummary 控件,以便在一个位置显示所有验证错误。

从“工具箱”的“验证”选项卡上,将一个 RangeValidator 和一个 RequiredFieldValidator 控件拖动到 UpdatePanel 控件中。

对于 RangeValidator 控件,请按如下方式设置属性:

属性 设置 ControlToValidate TextBox2 ErrorMessage 票证数目已超出范围。 MinimumValue 1 MaximumValue 10

对于 RequiredFieldValidator 控件,请按如下方式设置属性:

属性 设置 ControlToValidate TextBox2 ErrorMessage 必须输入票证数目。

这些验证控件会验证第二个 TextBox 控件中的用户输入。这些控件可确保用户输入了值,并且该值处于 1 到 10 的范围之内。

从“工具箱”的“验证”选项卡上,将一个 ValidationSummary 控件拖动到 UpdatePanel 控件中。

在“设计”视图中,结果页将与下图类似。

在该页中,双击 UpdatePanel 控件之外的任意位置,以便为页加载事件添加处理程序。

将下面的代码添加到该处理程序中。

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs)
   CompareValidator1.ValueToCompare = DateTime.Now.ToShortDateString()
End Sub

此代码会将 CompareValidator 控件的 ValueToCompare 属性设置为当天的日期。

切换到“源”视图。

在 ScriptManager 控件的标记后紧接着添加以下客户端脚本。

<script type="text/javascript">
function ClearLastMessage(elem)
{
   $get(elem).innerHTML = '''';
}
</script> 

该代码会清除上次成功查询返回的状态消息。

切换到“设计”视图

选择 Button 控件并将 OnClientClick 属性设置为 ClearLastMessage(''Label1'')。

以上操作会使该按钮调用脚本函数 ClearLastMessage(前面已定义)并向其传递要清除的元素的名称。

保存更改,然后按 Ctrl+F5 在浏览器中查看该页。

选择过去的某个日期,然后单击“检查可用性”。

验证摘要控件将显示一条消息,且不执行任何异步回发。

选择将来的某个日期,接着指定一个介于 1 和 10 之间的票证数,然后单击“检查可用性”。

这次验证将成功,并执行异步回发。

下面的示例演示完整的代码。

<%@ Page Language="VB" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

   Protected Sub Calendar1_SelectionChanged(ByVal sender As Object, ByVal e As System.EventAr

属性 设置 ControlToValidate TextBox1 ErrorMessage 必须输入日期。

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号