In this Example Iam Going to Explain how to use Ajax masked edit extender validation for Time , Date,Phone Number in asp.net
Demo:
 |
Description:
MaskedEdit is an ASP.NET AJAX extender that attaches to a TextBox control to restrict the kind of text that can be entered. MaskedEdit applies a "mask" to the input that permits only certain types of characters/text to be entered. The supported data formats are: Number, Date, Time, and DateTime.
When Ever You Want to Use Ajax Controls in your website First you need Add AjaxControlToolkit reference to your application
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
You can Change TagPrefix Also,Some Exaples tagPrefix="ajax", tagPrefix="cc1",tagPrefix="asp" and also
and also You can add ToolkitScriptManager Control under <form> Tag
Example Like this
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</asp:ToolkitScriptManager>
Here Is Simple Coding :
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</asp:ToolkitScriptManager>
<div style="margin-left: 200px">
<div>
<asp:Label ID="lblPhoneNumber" runat="server" Text="Phone Number"></asp:Label>
<asp:TextBox ID="txtPhoneNumber" runat="server"></asp:TextBox>
<asp:MaskedEditExtender ID="MaskedEditExtender1" runat="server"
TargetControlID="txtPhoneNumber"
MaskType="Number" Mask="999-999-9999" MessageValidatorTip="true">
</asp:MaskedEditExtender>
</div>
<div>
<asp:Label ID="lblTime" runat="server" Text="Time"></asp:Label>
<asp:TextBox ID="txtTime" runat="server"></asp:TextBox>
<asp:MaskedEditExtender ID="MaskedEditExtender2" runat="server"
TargetControlID="txtTime"
MaskType="Time" Mask="99:99:99" MessageValidatorTip="true">
</asp:MaskedEditExtender>
</div>
<div>
<asp:Label ID="lblDate" runat="server" Text="Date"></asp:Label>
<asp:TextBox ID="txtDate" runat="server"></asp:TextBox>
<asp:MaskedEditExtender ID="MaskedEditExtender3" runat="server"
TargetControlID="txtDate"
MaskType="Date" Mask="99/99/9999" MessageValidatorTip="true">
</asp:MaskedEditExtender>
</div>
</div>
</form>
</body>
</html>
|
.
No comments:
Post a Comment