65.9K
CodeProject is changing. Read more.
Home

Mask TextBox ASP.NET Control

starIconstarIconstarIconstarIcon
emptyStarIcon
starIcon

4.84/5 (21 votes)

Apr 2, 2009

CPOL
viewsIcon

97134

downloadIcon

6558

An ASP.NET textbox to input bank account or credit card numbers or other kinds of formatted text

maskTextBoxTest_net3 - Click to enlarge image

Introduction

This ASP.NET control can be used to input bank account or credit card numbers or other kinds of formatted text.

Background

We needed a way to easily input many bank account numbers in the same page, a quick "paste'n go" approach but also with full format and validation support. The page should also load as fast as possible so the control instances are initialized only when they got the focus and the HTML is not bloated with JavaScript snippets.

Many thanks to Diego Perini (dperini@nwbox.com) who helped me with his samples to get right some caret JavaScript.

Using the Code

If you look in default.aspx, the page that uses the control, pay attention to the following global variable...

<script type="text/javascript">var mtb;</script>		

... that is shared by the control instances and it gets initialized every time one receives the focus.

Points of Interest

Hopefully I will upload an Ajax version and a Java version soon.

I hope this helps!

History

  • 2nd April, 2009: Initial post