Ajax MaskedEdit

    Ajax   MaskedEdit

效果:实现对输入的日期和价格的格式进行简单的判断

1.    拖入一个TextBox用于输入日期

2.    拖入一个MaskedEditValidateor用于提示信息出错

3.    拖入一个MaskedEdit并绑定TextBox1

4.    修改TextBox1属性的MaskType:Date,Mask9999/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>

 

 

 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值