Skip to main content

Masked Textbox in asp.net

Whenever we need the textbox control for date, phone numbers with area code with seperated, in these cases the masked textbox will be helpful. It takes delimiter after specific word automatically.
Below is simple example to demonstrate the phone number with STD, Area code.

HTML form

<form name="form" action="" method="post">

<input name="Field1" value="" type="text" 
onKeyPress="javascript:return maskInput(this.value,this,'3,7','-');"
onblur="javascript:return maskInput(this.value,this,'3,7','-');"
"
style="font-family:verdana;font-size:10pt;width:110px;"
maxlength="12">

</form>

The Function which we use for masking

//Masked the input phone number to display in "123-123-1234" format
function maskInput(input, textbox, location, delimiter) {

    //Get the delimiter positons
    var locs = location.split(',');

    //Iterate until all the delimiters are placed in the textbox
    for (var delimCount = 0; delimCount <= locs.length; delimCount++) {
        for (var inputCharCount = 0; inputCharCount <= input.length; inputCharCount++) {

            //Check for the actual position of the delimiter
            if (inputCharCount == locs[delimCount]) {

                //Confirm that the delimiter is not already present in that position
                if (input.substring(inputCharCount, inputCharCount + 1) != delimiter) {
                    input = input.substring(0, inputCharCount) + delimiter + input.substring(inputCharCount, input.length);
                }
            }
        }
    }
    textbox.value = input;
}

Popular posts from this blog

Creating package in Oracle Database using Toad For Oracle

What are Packages in Oracle Database A package is  a group   of procedures, functions,  variables   and  SQL statements   created as a single unit. It is used to store together related objects. A package has two parts, Package  Specification  and Package Body.

Resolving 'Setup Account Privileges' error while installing SQL Server

A new installation of Microsoft SQL Server 2012 or Microsoft SQL Server 2008 R2 fails You see the following error message when you try to install a new instance of SQL Server 2012 or SQL Server 2008 R2: Rule "Setup account privileges" failed.

Creating Oracle stored Procedures using TOAD for Oracle

In a database management system, a  stored procedure  is a set of Structured Query Language (SQL) statements with an assigned name that's stored in the database in compiled form so that it can be shared by a number of programs. The use of  stored procedures  can be helpful in controlling  access to data, preserving  data integrity  and  improving  productivity.