Ajax MaskedEdit
效果:实现对输入的日期和价格的格式进行简单的判断
1. 拖入一个TextBox用于输入日期
2. 拖入一个MaskedEditValidateor用于提示信息出错
3. 拖入一个MaskedEdit并绑定TextBox1
4. 修改TextBox1属性的MaskType为:Date,Mask为9999/99/99
5. 修改MaskedtValidator1属性的ControlExtender: MaskedtValidator1:返回的信息是主控件
6. 修改MaskedtValidator1属性的ControlToExtender:TextBox,如果TextBox出错或提示语句会进行提示
7. 修改MaskedtValidator1属性的InvalidValueMessge:日期无效
8. 修改MaskedtValidator1属性的TooltipMessage:请输入日期,(只是一项提示信息)当鼠标在TextBox中获得焦点时会提示请输入信息
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Ajax MaskedEdit</title> </head> <body style="text-align: center"> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server" /> <div> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br /> <cc1:MaskedEditValidator ID="MaskedEditValidator1" runat="server" ControlExtender="MaskedEditExtender1" ControlToValidate="TextBox1" InvalidValueMessage="日期无效" TooltipMessage="请输入日期"></cc1:MaskedEditValidator> <cc1:MaskedEditExtender ID="MaskedEditExtender1" runat="server" Mask="9999/99/99" MaskType="Date" TargetControlID="TextBox1"> </cc1:MaskedEditExtender> </div> </form> </body> </html>
|