Click here to Skip to main content
15,885,546 members
Articles / Programming Languages / C#
Article

Masked C# TextBox Control

Rate me:
Please Sign up or sign in to vote.
4.10/5 (38 votes)
21 Jan 20042 min read 721.4K   8.5K   128   76
A control that can be used for date, IP address, phone number, SSN, digit and decimal format input

Introduction

The TextBox control is the most used control in a Windows program. It also cause a lot of problem either from QA or the user because of invalid data that was entered. Using a masked control will save a lot of time for the developer and reduce the complaints and bugs.

This masked intelligent user control enhances the function of the TextBox control, which can mask the Date, IP Address, SSN, Phone numbers, digits, decimal and checks the validation, and automatically set the delimiter location.

The property Masked is set to None by default and the control works like a normal TextBox control.
If setting the property to DateOnly, the control is masked to Date format.

It is intelligent.

What the user enters

What is Displayed

12 12/

124

12/04/

13

01/3

3

03/

34

03/04/

14

01/04/

1/

01/

Using the ErrorProvider to handle the invalidate input:

Creating Control:

  1. Start the Visual Studio.NET Windows Forms designer.
  2. Select a new C# project by clicking New from the File menu.
  3. Click Windows control library template on the templates.
  4. Set the Name MaskedTextBox

Then open the maskedTextBox.cs to Change the base class to the System.Windows.Forms.TextBox.

Adding a Property:

C#
public enum Mask {None, DateOnly, PhoneWithArea, IpAddress, 
                  SSN, Decimal, Digit };
private Mask m_mask;
public Mask Maked
{
    get { return m_mask;}
    set {
        m_mask = value;
        this.Text="";
    }
}

Override the OnKeyPress function

C#
this.KeyPress += new
              KeyPressEventHandler(this.OnKeyPress);

private void OnKeyPress(object sender, KeyPressEventArgs e)
{
      MaskedTextBox sd = (MaskedTextBox) sender;
      if (sd.m_IPAddrOnly)
            sd.MaskIpAddr(e);
      if (sd.m_digitOnly)
            sd.MaskDigit(e);
      if(sd.m_ssn)
            sd.MaskPhoneSSN(e, 3, 2);
      if(sd.m_phoneOnly)
            sd.MaskPhoneSSN(e, 3, 3);
      if(sd.m_dateOnly)
            sd.MaskDate(e);
      if(sd.m_decimalOnly)
            sd.MaskDecimal(e);
}

Unboxing the sender and using it to call these function is very important for multiple properties and when more than one control is used in one form, otherwise different controls may share the same variable with another control, which will cause unexpected results.

Double check the masked format:

C#
private void OnLeave(object sender, EventArgs e)            
{                                                           
    MaskedTextBox sd = (MaskedTextBox) sender;            
    Regex regStr;                                         
    switch(m_mask)                                        
    {                                                     
        case Mask.DateOnly:                             
            regStr = new Regex(@"\d{2}/\d{2}/\d{4}"); 
            if(!regStr.IsMatch(sd.Text))              
                errorProvider1.SetError(this, "*"); 
            break;                                    

        case Mask.PhoneWithArea:                        
            regStr = new Regex(@"\d{3}-\d{3}-\d{4}"); 
            if(!regStr.IsMatch(sd.Text))              
                errorProvider1.SetError(this,"**"); 
            break;                                    

        case Mask.IpAddress:                            
            short cnt=0;                              
            int len = sd.Text.Length;                 
            for(short i=0; i<len;i++)                 
                if(sd.Text[i] == '.')               
                {                                   
                    cnt++;                        
                    if(i+1 < len)                 
                        if(sd.Text[i+1] == '.') 
                        {                       
                            errorProvider1.SetError(this, "*"); 
                            break;            
                        }                       
                    }                                   
                    if(cnt < 3 || sd.Text[len-1] == '.')      
                        errorProvider1.SetError(this, "*"); 
                    break;        
                                                
        case Mask.SSN:                                  
            regStr = new Regex(@"\d{3}-\d{2}-\d{4}"); 
            if(!regStr.IsMatch(sd.Text))              
                errorProvider1.SetError(this, "*"); 
            break;     
                                           
        case Mask.Decimal:                              
            break;                                    

        case Mask.Digit:                                
            break;                                    
    }                                                     
}   

Usage

After creating the DLL program, you should add the component into ToolBox. By:

  1. Right click the mouse in the ToolBox, and then select Customize Toolbox to open a dialog.
  2. Select the tab .Net framework component,
  3. Use the browser to find your DLL, check it, then click Ok.

The control should be in the ToolBox and it is ready to use.

That is all. I hope you enjoy it.

History:

Update at 03/04/2002.
Using enum to set the properties.
Add Onleave function to check the invalidation of the controls.
Add Leap year check for Date mask in the CheckDayOfMonth funcrion.

12 July 2002 - updated source download

9 Nov 2003 - updated source download

If you have any comments or find some bugs, I would love to hear about it and make it better. You can reach me at Jibin Pan.

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here


Written By
United States United States
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

Comments and Discussions

 
GeneralTextBOX enter event Pin
a_kas_2000@yahoo.com29-Oct-03 5:52
a_kas_2000@yahoo.com29-Oct-03 5:52 
GeneralCars Pin
Oliver Jones28-Oct-03 4:15
Oliver Jones28-Oct-03 4:15 
Questioncan someone help me to convert 'dateOnly' from format mm/dd/yyyy to dd/mm/yyyy? Pin
mistery2214-Oct-03 3:47
mistery2214-Oct-03 3:47 
AnswerRe: can someone help me to convert 'dateOnly' from format mm/dd/yyyy to dd/mm/yyyy? Pin
dusty_bg15-Dec-03 20:29
dusty_bg15-Dec-03 20:29 
QuestionCan i acieve something like this with this control Pin
muzahm7-Sep-03 23:54
muzahm7-Sep-03 23:54 
AnswerRe: Can i acieve something like this with this control Pin
aprenot9-Nov-03 16:52
aprenot9-Nov-03 16:52 
GeneralSelectAll On Focus doesn't work anymore Pin
mistery225-Sep-03 12:39
mistery225-Sep-03 12:39 
GeneralRe: SelectAll On Focus doesn't work anymore (also reply for: Very Nice Control - Small Bug) Pin
mistery225-Sep-03 22:50
mistery225-Sep-03 22:50 
Hi,

I spended a night on this, but I found a solution.

Jibin Pan wrote:

I 'd like to add following code

//enable to using Keyboard Ctrl+C and Keyboard Ctrl+V
if (e.KeyChar == (char)3 || e.KeyChar == (char)22)
{
e.Handled = false;
return;
}

before if(this.SelectedText == this.Text)
This keep the oringinal function of the TextBox.


Well when we add on the sequence of (char)3 etc. all the keys that are allowed to type you can keep the functionality directly overtype the selected text.
I was making a decimalTextbox with a parameter to set the number of decimals en autoformat for the non-filled out decimals. For example, the control has 4 decimals and the user types 2.34. Then the control will make it 2.3400 onLeave.
So to keep the overtype functionality I needed to use the next if statement.

if( e.KeyChar == (char)3 || e.KeyChar == (char)22 || e.KeyChar == (char)24
|| e.KeyChar == (char)26 || e.KeyChar == (char)49 || e.KeyChar == (char)50
|| e.KeyChar == (char)51 || e.KeyChar == (char)52 || e.KeyChar == (char)53
|| e.KeyChar == (char)54 || e.KeyChar == (char)55 || e.KeyChar == (char)56
|| e.KeyChar == (char)57 || e.KeyChar == (char)58 || e.KeyChar == (char)59)

And 2 other codes you can add are
(char)24 --> for CTRL+X (cut)
(char)26 --> for Undo functionality

After adding the (char)24 and (char)26 all the mensioned problems in my first post where solved.

Greetz,

Xavier
Questionbug? Pin
jayson_131-Jul-03 23:49
jayson_131-Jul-03 23:49 
GeneralMasked TextBox in web forms Pin
Sharmil.k18-Jun-03 2:25
sussSharmil.k18-Jun-03 2:25 
GeneralMasked TextBox Problem . . . Pin
Qarash3-Jun-03 9:36
Qarash3-Jun-03 9:36 
GeneralRe: Masked TextBox Problem . . . Pin
Member 5724695-Jun-03 5:59
Member 5724695-Jun-03 5:59 
GeneralRe: Masked TextBox Problem . . . Pin
Qarash5-Jun-03 6:14
Qarash5-Jun-03 6:14 
GeneralRe: Masked TextBox Problem . . . Pin
jonelster17-Jun-03 8:35
jonelster17-Jun-03 8:35 
GeneralRe: Masked TextBox Problem . . . Pin
Qarash17-Jun-03 8:46
Qarash17-Jun-03 8:46 
GeneralRe: Masked TextBox Problem . . . Pin
jonelster17-Jun-03 8:53
jonelster17-Jun-03 8:53 
GeneralRe: Masked TextBox Problem . . . Pin
ek2503-Dec-03 13:18
ek2503-Dec-03 13:18 
GeneralRe: Masked TextBox Problem . . . Pin
raop034-Dec-03 12:14
raop034-Dec-03 12:14 
GeneralRe: Masked TextBox Problem . . . Pin
MikeBergsma5-Dec-03 8:24
MikeBergsma5-Dec-03 8:24 
GeneralRe: Masked TextBox Problem . . . Pin
raop038-Dec-03 12:22
raop038-Dec-03 12:22 
GeneralRe: Masked TextBox Problem . . . Pin
takeoffeh9-Jan-04 4:52
takeoffeh9-Jan-04 4:52 
GeneralMicrosoft Masked Edit Control Pin
Romeo20-Mar-03 0:42
Romeo20-Mar-03 0:42 
GeneralRe: Microsoft Masked Edit Control Pin
Romeo27-Aug-03 5:55
Romeo27-Aug-03 5:55 
GeneralI Need help on Currency Formating Pin
Adinan Kaleem1-Mar-03 12:12
Adinan Kaleem1-Mar-03 12:12 
GeneralGenerate PDF file from C# Pin
Tibban17-Jan-03 0:51
Tibban17-Jan-03 0:51 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.