{"id":128537,"date":"2023-05-08T11:32:02","date_gmt":"2023-05-08T06:02:02","guid":{"rendered":"https:\/\/www.vskills.in\/certification\/tutorial\/?page_id=128537"},"modified":"2024-04-12T14:15:28","modified_gmt":"2024-04-12T08:45:28","slug":"creating-a-masked-input","status":"publish","type":"page","link":"https:\/\/www.vskills.in\/certification\/tutorial\/creating-a-masked-input\/","title":{"rendered":"Creating a Masked Input"},"content":{"rendered":"\n

Creating a Masked Input<\/strong><\/h4>\n\n\n\n

To create a masked input in an ASP.NET web application using the AJAX Control Toolkit, you can use the MaskedEditExtender control. This control extends the functionality of a standard ASP.NET TextBox control to provide masked input capabilities.<\/p>\n\n\n\n

Here are the steps to create a masked input using the MaskedEditExtender control:<\/p>\n\n\n\n

Install the AJAX Control Toolkit into your ASP.NET web application. You can download the latest version of the toolkit from the official website: https:\/\/ajaxcontroltoolkit.devexpress.com\/.<\/p>\n\n\n\n

Add a reference to the AJAX Control Toolkit in your ASP.NET web page. You can do this by adding a ScriptManager control to your page and setting the ToolkitScriptManager control property to “true”. This will enable you to use the MaskedEditExtender control in your web page.<\/p>\n\n\n\n

<%@ Register Assembly=”AjaxControlToolkit” Namespace=”AjaxControlToolkit” TagPrefix=”asp” %><\/p>\n\n\n\n

<asp:ToolkitScriptManager runat=”server” EnableScriptGlobalization=”true” EnableScriptLocalization=”true”><\/p>\n\n\n\n

<\/asp:ToolkitScriptManager><\/p>\n\n\n\n

Add a TextBox control to your ASP.NET web page. This will be the control that the user will enter data into.<\/p>\n\n\n\n

<asp:TextBox ID=”txtPhoneNumber” runat=”server”><\/asp:TextBox><\/p>\n\n\n\n

Add a MaskedEditExtender control to your ASP.NET web page. This control will extend the functionality of the TextBox control to provide masked input capabilities. Set the TargetControlID property to the ID of the TextBox control that you added in step 3.<\/p>\n\n\n\n

<asp:MaskedEditExtender ID=”MaskedEditExtender1″ runat=”server” TargetControlID=”txtPhoneNumber”<\/p>\n\n\n\n

   Mask=”(999) 999-9999″ MessageValidatorTip=”true” MaskType=”Number” InputDirection=”LeftToRight”<\/p>\n\n\n\n

   AcceptNegative=”None” ErrorTooltipEnabled=”True” \/><\/p>\n\n\n\n

Set the Mask property of the MaskedEditExtender control to specify the input mask. In this example, we’re using a mask for a US phone number.<\/p>\n\n\n\n

Set any other properties of the MaskedEditExtender control as needed. For example, you can set the PromptCharacter property to specify the character that will be displayed in the TextBox control as a placeholder for the user’s input. Save the ASP.NET web page and run it in a web browser. The TextBox control will now display the specified mask and will only accept input that conforms to the mask.<\/p>\n\n\n\n

Apply for ASP.NET Certification Now!!<\/h3>\n\n\n\n

https:\/\/www.vskills.in\/certification\/certified-aspnet-programmer<\/a><\/p>\n\n\n\n

Back to Tutorial<\/a><\/strong><\/h4>\n","protected":false},"excerpt":{"rendered":"

Creating a Masked Input To create a masked input in an ASP.NET web application using the AJAX Control Toolkit, you can use the MaskedEditExtender control. This control extends the functionality of a standard ASP.NET TextBox control to provide masked input capabilities. Here are the steps to create a masked input using the MaskedEditExtender control: Install…<\/p>\n","protected":false},"author":22,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[3339],"tags":[],"class_list":["post-128537","page","type-page","status-publish","hentry","category-asp-net-2"],"acf":[],"yoast_head":"\nCreating a Masked Input - Tutorial<\/title>\n<meta name=\"description\" content=\"Creating a Masked Input\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vskills.in\/certification\/tutorial\/creating-a-masked-input\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creating a Masked Input - Tutorial\" \/>\n<meta property=\"og:description\" content=\"Creating a Masked Input\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vskills.in\/certification\/tutorial\/creating-a-masked-input\/\" \/>\n<meta property=\"og:site_name\" content=\"Tutorial\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/vskills.in\/\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-12T08:45:28+00:00\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/creating-a-masked-input\/\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/creating-a-masked-input\/\",\"name\":\"Creating a Masked Input - Tutorial\",\"isPartOf\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#website\"},\"datePublished\":\"2023-05-08T06:02:02+00:00\",\"dateModified\":\"2024-04-12T08:45:28+00:00\",\"description\":\"Creating a Masked Input\",\"breadcrumb\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/creating-a-masked-input\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.vskills.in\/certification\/tutorial\/creating-a-masked-input\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/creating-a-masked-input\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Creating a Masked Input\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#website\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\",\"name\":\"Tutorial\",\"description\":\"Vskills - A initiative in elearning and certification\",\"publisher\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.vskills.in\/certification\/tutorial\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#organization\",\"name\":\"Vskills\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg\",\"contentUrl\":\"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg\",\"width\":73,\"height\":55,\"caption\":\"Vskills\"},\"image\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/vskills.in\/\",\"https:\/\/x.com\/vskills_in\",\"https:\/\/www.linkedin.com\/company-beta\/1371554\/\",\"https:\/\/www.youtube.com\/channel\/UCMWnscxPwRF_PqXo9B7q_Tw\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Creating a Masked Input - Tutorial","description":"Creating a Masked Input","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vskills.in\/certification\/tutorial\/creating-a-masked-input\/","og_locale":"en_US","og_type":"article","og_title":"Creating a Masked Input - Tutorial","og_description":"Creating a Masked Input","og_url":"https:\/\/www.vskills.in\/certification\/tutorial\/creating-a-masked-input\/","og_site_name":"Tutorial","article_publisher":"https:\/\/www.facebook.com\/vskills.in\/","article_modified_time":"2024-04-12T08:45:28+00:00","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/creating-a-masked-input\/","url":"https:\/\/www.vskills.in\/certification\/tutorial\/creating-a-masked-input\/","name":"Creating a Masked Input - Tutorial","isPartOf":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#website"},"datePublished":"2023-05-08T06:02:02+00:00","dateModified":"2024-04-12T08:45:28+00:00","description":"Creating a Masked Input","breadcrumb":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/creating-a-masked-input\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vskills.in\/certification\/tutorial\/creating-a-masked-input\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/creating-a-masked-input\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vskills.in\/certification\/tutorial\/"},{"@type":"ListItem","position":2,"name":"Creating a Masked Input"}]},{"@type":"WebSite","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#website","url":"https:\/\/www.vskills.in\/certification\/tutorial\/","name":"Tutorial","description":"Vskills - A initiative in elearning and certification","publisher":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vskills.in\/certification\/tutorial\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#organization","name":"Vskills","url":"https:\/\/www.vskills.in\/certification\/tutorial\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/","url":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg","contentUrl":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg","width":73,"height":55,"caption":"Vskills"},"image":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/vskills.in\/","https:\/\/x.com\/vskills_in","https:\/\/www.linkedin.com\/company-beta\/1371554\/","https:\/\/www.youtube.com\/channel\/UCMWnscxPwRF_PqXo9B7q_Tw"]}]}},"_links":{"self":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/128537","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/comments?post=128537"}],"version-history":[{"count":2,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/128537\/revisions"}],"predecessor-version":[{"id":128539,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/128537\/revisions\/128539"}],"wp:attachment":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/media?parent=128537"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/categories?post=128537"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/tags?post=128537"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}