元朝疆域图变迁:21.11 文本框控制并验证内容格式

来源:百度文库 编辑:偶看新闻 时间:2024/04/28 23:47:50
21.11  文本框控制并验证内容格式
在一些Web窗体页上,有时要规定用户输入信息的格式。如用户输入日期信息时,用户输入的信息必须满足日期的格式,否则应用程序会出现转换错误。
实现目标
本实例介绍使用ASP.NET AJAX中的MaskedEditExtender和MaskedEditValidator控件为文本输入框指定输入的格式,并验证输入框内容的格式的功能。
技术实现
创建AjaxMasked.aspx页面
在Sample_21应用程序中创建AjaxMasked.aspx页面,并在该页面上创建一个ScriptManager控件、一个UpdatePanel控件、一个TextBox控件、一个MaskedEditExtender控件和一个MaskedEditValidator控件。这些控件的ID属性的值分别为sm、up、tbValue、meValue和mevValue。其中,sm和up控件共同提供无刷新的Web环境。tbValue控件供用户输入值。meValue控件控制tbValue控件值的格式,mevValue控件验证tbValue控件值的格式是否正确,并显示相应的提示信息。AjaxMasked.aspx页面的部分HTML设计代码如下:
<%@ Page Language="C#" AutoEventWireup="true"
StylesheetTheme="Aspnet3DBWeb"
CodeFile="LinqProcedure.aspx.cs" Inherits="LinqProcedure" %>
以下输入框只能yyyy-mm-dd格式的日期:
把AjaxMasked.aspx页面设置为Sample_21应用程序的起始页面,并运行该应用程序。当用户把鼠标放置在输入框中时,输入框显示提示信息“请输入日期,格式为:yyyy-MM-dd”。该输入框只能输入“yyyy-mm-dd”格式的日期。此时,AjaxMasked.aspx页面如图21-18所示。
   
(点击查看大图)图21-18  AjaxMasked.aspx页面控制输入框的格式